Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
0f5f2dbb
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
0f5f2dbb
编写于
6月 01, 2015
作者:
罗
罗宪
浏览文件
操作
浏览文件
下载
差异文件
Merge branch 'dev' of
https://github.com/ant-design/ant-design.github.io
into dev
Conflicts: static/style.css
上级
1ba460cd
7fb31b88
变更
10
隐藏空白更改
内联
并排
Showing
10 changed file
with
101 addition
and
73 deletion
+101
-73
components/button/index.md
components/button/index.md
+1
-0
components/datepicker/demo/basic.md
components/datepicker/demo/basic.md
+1
-1
components/datepicker/demo/formatter.md
components/datepicker/demo/formatter.md
+1
-1
components/datepicker/demo/range.md
components/datepicker/demo/range.md
+6
-13
components/datepicker/demo/time.md
components/datepicker/demo/time.md
+15
-0
components/datepicker/index.jsx
components/datepicker/index.jsx
+19
-16
components/datepicker/index.md
components/datepicker/index.md
+20
-20
static/tomorrow.css
static/tomorrow.css
+12
-3
theme/templates/demos.html
theme/templates/demos.html
+25
-0
theme/templates/layout.html
theme/templates/layout.html
+1
-19
未找到文件。
components/button/index.md
浏览文件 @
0f5f2dbb
...
...
@@ -2,6 +2,7 @@
-
category: CSS
-
chinese: 按钮
-
sketch: button.sketch
---
...
...
components/datepicker/demo/basic.md
浏览文件 @
0f5f2dbb
...
...
@@ -9,6 +9,6 @@
var
Datepicker
=
antd
.
datepicker
;
React
.
render
(
<
Datepicker
value
=
"
2015-01-01
"
/>
<
Datepicker
value
=
""
/>
,
document
.
getElementById
(
'
components-datepicker-demo-basic
'
));
````
components/datepicker/demo/formatter.md
浏览文件 @
0f5f2dbb
...
...
@@ -9,6 +9,6 @@
var
Datepicker
=
antd
.
datepicker
;
React
.
render
(
<
Datepicker
format
=
"yyyy/MM/dd"
/>
<
Datepicker
value
=
"2015/01/01"
format
=
"yyyy/MM/dd"
/>
,
document
.
getElementById
(
'
components-datepicker-demo-formatter
'
));
````
components/datepicker/demo/range.md
浏览文件 @
0f5f2dbb
# 范围
-
order: 3
-
description: 设置可选日期的范围,用 disabled 方法来定义不可选择时间。
-
description: 设置可选日期的范围,用 disabled 方法来定义不可选择时间。
比如不可选择今天之后的日期。
---
````
jsx
var
Datepicker
=
antd
.
datepicker
;
var
Picker
=
React
.
createClass
({
handleChange
:
function
(
value
)
{
console
.
log
(
new
Date
(
value
.
getTime
()));
},
render
:
function
()
{
return
<
Datepicker
onSelect
=
{
this
.
handleChange
}
/>
}
});
var
disabledDate
=
function
(
current
,
value
)
{
// can not select days after today
return
current
.
getTime
()
>
Date
.
now
();
};
React
.
render
(
<
Picker
/>
<
Datepicker
disabled
=
{
disabledDate
}
/>
,
document
.
getElementById
(
'
components-datepicker-demo-range
'
));
````
components/datepicker/demo/time.md
0 → 100644
浏览文件 @
0f5f2dbb
# 时间选择
-
order: 4
-
description: 准确到秒的时间选择面板。
---
````
jsx
var
Datepicker
=
antd
.
datepicker
;
React
.
render
(
<
Datepicker
showTime
=
{
true
}
format
=
"yyyy/MM/dd HH:mm:ss"
/>
,
document
.
getElementById
(
'
components-datepicker-demo-time
'
));
````
components/datepicker/index.jsx
浏览文件 @
0f5f2dbb
...
...
@@ -9,10 +9,8 @@ var DateTimeFormat = require('gregorian-calendar-format');
module
.
exports
=
React
.
createClass
({
getInitialState
:
function
()
{
var
value
=
new
GregorianCalendar
(
zhCn
);
value
.
setTime
(
Date
.
now
());
return
{
value
:
value
value
:
''
};
},
getDefaultProps
:
function
()
{
...
...
@@ -21,11 +19,14 @@ module.exports = React.createClass({
};
},
componentDidMount
:
function
()
{
var
state
=
{};
if
(
this
.
props
.
value
)
{
var
value
=
new
GregorianCalendar
(
zhCn
);
value
.
setTime
(
new
Date
(
this
.
props
.
value
));
this
.
setState
({
value
:
value
})
;
state
.
value
=
value
;
}
state
.
disabled
=
this
.
props
.
disabled
||
function
()
{};
this
.
setState
(
state
);
},
handleChange
:
function
()
{
var
props
=
this
.
props
;
...
...
@@ -34,19 +35,21 @@ module.exports = React.createClass({
render
:
function
()
{
var
calendar
=
(
<
Calendar
disabledDate
=
{
this
.
state
.
disabled
}
locale
=
{
CalendarLocale
}
orient
=
{
[
'
top
'
,
'
left
'
]
}
showClear
=
{
true
}
/>
);
return
(
<
DatePicker
trigger
=
{
<
span
className
=
"rc-calendar-picker-icon"
/>
}
calendar
=
{
calendar
}
formatter
=
{
new
DateTimeFormat
(
this
.
props
.
format
)
}
value
=
{
this
.
state
.
value
}
onChange
=
{
this
.
props
.
onSelect
}
>
<
input
className
=
"rc-calendar-picker-input"
/>
</
DatePicker
>
);
showTime
=
{
this
.
props
.
showTime
}
showClear
=
{
false
}
/>
);
return
(
<
DatePicker
trigger
=
{
<
span
className
=
"rc-calendar-picker-icon"
/>
}
calendar
=
{
calendar
}
formatter
=
{
new
DateTimeFormat
(
this
.
props
.
format
)
}
value
=
{
this
.
state
.
value
}
onChange
=
{
this
.
props
.
onSelect
}
>
<
input
placeholder
=
"请选择日期"
className
=
"rc-calendar-picker-input"
/>
</
DatePicker
>
);
}
});
components/datepicker/index.md
浏览文件 @
0f5f2dbb
...
...
@@ -5,33 +5,33 @@
---
选择日期
。
点击标准输入框,弹出日期选择面板,选择日期和时间,支持键盘操作
。
##
何时使用
##
API
当你再次和我说起 青春时的故事
我正在下着雨的无锡 乞讨着生活的权利
前一天早晨 我睁开眼已是江南
他们说柔软的地方 总会发生柔软的事
那年的舞台上 说谎的人一直歌唱
大不列颠的广场上 有没有鸽子飞翔
青春和瞎子一起 变成了哑巴
今天扯平了我们的当年 分食了理想
```
jsx
<
DatePicker
value
=
"2015-01-01"
/>
```
-
**value**
`string`
## 为什么使用
初始值,如
`2015-01-01`
。
你可知道你的名字解释了我的一生
碎了满天的往事如烟 与世无争
当你装满行李 回到故乡
我的余生 却再也没有北方
-
**format**
`string`
有一天我又梦见 那个装满乐器的教室
你还站在门口 一脸羞涩的表情
你说这么多年你还没找到 让你心动的男人
我说去他妈的爱情 都是过眼云烟的东西
显示的日期格式,默认为
`yyyy-MM-dd`
。
我的余生 都用来寻找北方
-
**showTime**
`bollean`
显示时间选择条,默认为
`false`
。
-
**disabled**
`function`
不可选择的日期。
-
**onSelect**
`function`
选择日期的回调。
<style>
.rc-calendar-picker-input {
...
...
static/tomorrow.css
浏览文件 @
0f5f2dbb
...
...
@@ -34,14 +34,23 @@
color
:
#8959a8
;
}
code
{
background
:
#f6f6f6
;
padding
:
1px
6px
;
border-radius
:
3px
;
color
:
#888
;
font-size
:
90%
;
border
:
1px
solid
#e9e9e9
;
}
pre
code
{
display
:
block
;
background
:
white
;
color
:
#
4d4d4c
;
color
:
#
666
;
font-family
:
Menlo
,
Monaco
,
Consolas
,
monospace
;
line-height
:
1.5
;
border
:
1px
solid
#e9e9e9
;
padding
:
8px
12
px
;
padding
:
10px
15
px
;
border-radius
:
6px
;
font-size
:
1
2
px
;
font-size
:
1
4
px
;
}
theme/templates/demos.html
0 → 100644
浏览文件 @
0f5f2dbb
<h2
class=
"component-demos"
>
组件演示
<i
class=
"iconfont-home icon-all"
title=
"展开全部代码"
></i>
{%- if post.meta.sketch %}
<a
class=
"sketch-link"
href=
"{{ post.meta.sketch }}"
target=
"_blank"
>
<i
class=
"iconfont-home icon-download"
></i>
Sketch 下载
</a>
{%- endif %}
</h2>
<div
class=
"code-boxes clearfix"
>
{%- set items = resource.pages|find_demo_in_component(post.meta.directory) %}
<div
class=
"code-boxes-col"
>
{%- for item in items|odd %}
{%- set post = item.meta.filepath|parsePost %}
{%- include "code.html" %}
{%- endfor %}
</div>
<div
class=
"code-boxes-col"
>
{%- for item in items|even %}
{%- set post = item.meta.filepath|parsePost %}
{%- include "code.html" %}
{%- endfor %}
</div>
</div>
theme/templates/layout.html
浏览文件 @
0f5f2dbb
...
...
@@ -102,25 +102,7 @@
</h1>
{{ post.html }}
{%- if post.meta.template === 'component' %}
<h2
class=
"component-demos"
>
组件演示
<i
class=
"iconfont-home icon-all"
title=
"展开全部代码"
></i>
</h2>
<div
class=
"code-boxes clearfix"
>
{%- set items = resource.pages|find_demo_in_component(post.meta.directory) %}
<div
class=
"code-boxes-col"
>
{%- for item in items|odd %}
{%- set post = item.meta.filepath|parsePost %}
{%- include "code.html" %}
{%- endfor %}
</div>
<div
class=
"code-boxes-col"
>
{%- for item in items|even %}
{%- set post = item.meta.filepath|parsePost %}
{%- include "code.html" %}
{%- endfor %}
</div>
</div>
{%- include "demos.html" %}
{%- endif %}
</article>
</section>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录