Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
d759d1f4
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,发现更多精彩内容 >>
提交
d759d1f4
编写于
12月 10, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Datepicker => DatePicker, Timepicker => TimePicker
上级
91387c2f
变更
35
隐藏空白更改
内联
并排
Showing
35 changed file
with
200 addition
and
70 deletion
+200
-70
README-zh_CN.md
README-zh_CN.md
+4
-4
README.md
README.md
+4
-4
components/calendar/locale/en_US.js
components/calendar/locale/en_US.js
+1
-1
components/calendar/locale/zh_CN.js
components/calendar/locale/zh_CN.js
+1
-1
components/date-picker/demo/basic.md
components/date-picker/demo/basic.md
+15
-0
components/date-picker/demo/disabled.md
components/date-picker/demo/disabled.md
+15
-0
components/date-picker/demo/formatter.md
components/date-picker/demo/formatter.md
+15
-0
components/date-picker/demo/locale.md
components/date-picker/demo/locale.md
+4
-4
components/date-picker/demo/month-picker.md
components/date-picker/demo/month-picker.md
+15
-0
components/date-picker/demo/range.md
components/date-picker/demo/range.md
+3
-3
components/date-picker/demo/select.md
components/date-picker/demo/select.md
+3
-3
components/date-picker/demo/size.md
components/date-picker/demo/size.md
+19
-0
components/date-picker/demo/start-end.md
components/date-picker/demo/start-end.md
+4
-4
components/date-picker/demo/time.md
components/date-picker/demo/time.md
+4
-4
components/date-picker/index.jsx
components/date-picker/index.jsx
+3
-3
components/date-picker/index.md
components/date-picker/index.md
+2
-2
components/date-picker/locale/en_US.js
components/date-picker/locale/en_US.js
+0
-0
components/date-picker/locale/zh_CN.js
components/date-picker/locale/zh_CN.js
+0
-0
components/form/demo/mix.md
components/form/demo/mix.md
+4
-4
components/form/demo/validate.md
components/form/demo/validate.md
+3
-3
components/time-picker/demo/basic.md
components/time-picker/demo/basic.md
+3
-3
components/time-picker/demo/disabled.md
components/time-picker/demo/disabled.md
+15
-0
components/time-picker/demo/size.md
components/time-picker/demo/size.md
+19
-0
components/time-picker/demo/special-minutes.md
components/time-picker/demo/special-minutes.md
+3
-3
components/time-picker/demo/value.md
components/time-picker/demo/value.md
+3
-3
components/time-picker/demo/without-seconds.md
components/time-picker/demo/without-seconds.md
+15
-0
components/time-picker/index.jsx
components/time-picker/index.jsx
+2
-2
components/time-picker/index.md
components/time-picker/index.md
+2
-2
components/time-picker/locale/en_US.js
components/time-picker/locale/en_US.js
+0
-0
components/time-picker/locale/zh_CN.js
components/time-picker/locale/zh_CN.js
+0
-0
components/validation/demo/other-items.md
components/validation/demo/other-items.md
+3
-3
docs/getting-started.md
docs/getting-started.md
+2
-2
docs/introduce.md
docs/introduce.md
+4
-4
index.js
index.js
+2
-2
scripts/demo.js
scripts/demo.js
+8
-6
未找到文件。
README-zh_CN.md
浏览文件 @
d759d1f4
...
...
@@ -26,15 +26,15 @@ npm install antd
-
使用全部组件
```
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
ReactDOM
.
render
(<
Date
p
icker
/>,
mountNode
);
import
{
Date
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(<
Date
P
icker
/>,
mountNode
);
```
-
按需使用
```
jsx
import
Date
picker
from
'
antd/lib/date
picker
'
;
ReactDOM
.
render
(<
Date
p
icker
/>,
mountNode
);
import
Date
Picker
from
'
antd/lib/date-
picker
'
;
ReactDOM
.
render
(<
Date
P
icker
/>,
mountNode
);
```
引入样式:
...
...
README.md
浏览文件 @
d759d1f4
...
...
@@ -25,15 +25,15 @@ npm install antd
-
Use all components
```
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
ReactDOM
.
render
(<
Date
p
icker
/>,
mountNode
);
import
{
Date
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(<
Date
P
icker
/>,
mountNode
);
```
-
Use on demand
```
jsx
import
Date
picker
from
'
antd/lib/date
picker
'
;
ReactDOM
.
render
(<
Date
p
icker
/>,
mountNode
);
import
Date
Picker
from
'
antd/lib/date-
picker
'
;
ReactDOM
.
render
(<
Date
P
icker
/>,
mountNode
);
```
Import style:
...
...
components/calendar/locale/en_US.js
浏览文件 @
d759d1f4
module
.
exports
=
require
(
'
../../datepicker/locale/en_US
'
);
module
.
exports
=
require
(
'
../../date
-
picker/locale/en_US
'
);
components/calendar/locale/zh_CN.js
浏览文件 @
d759d1f4
module
.
exports
=
require
(
'
../../datepicker/locale/zh_CN
'
);
module
.
exports
=
require
(
'
../../date
-
picker/locale/zh_CN
'
);
components/datepicker/demo/basic.md
→
components/date
-
picker/demo/basic.md
浏览文件 @
d759d1f4
...
...
@@ -7,9 +7,9 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
import
{
Date
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(
<
Date
p
icker
defaultValue
=
"2015-12-12"
/>
,
document
.
getElementById
(
'
components-datepicker-demo-basic
'
));
<
Date
P
icker
defaultValue
=
"2015-12-12"
/>
,
document
.
getElementById
(
'
components-date
-
picker-demo-basic
'
));
````
components/datepicker/demo/disabled.md
→
components/date
-
picker/demo/disabled.md
浏览文件 @
d759d1f4
...
...
@@ -7,9 +7,9 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
import
{
Date
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(
<
Date
p
icker
defaultValue
=
"2015-06-06"
disabled
/>
,
document
.
getElementById
(
'
components-datepicker-demo-disabled
'
));
<
Date
P
icker
defaultValue
=
"2015-06-06"
disabled
/>
,
document
.
getElementById
(
'
components-date
-
picker-demo-disabled
'
));
````
components/datepicker/demo/formatter.md
→
components/date
-
picker/demo/formatter.md
浏览文件 @
d759d1f4
...
...
@@ -7,9 +7,9 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
import
{
Date
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(
<
Date
p
icker
defaultValue
=
"2015/01/01"
format
=
"yyyy/MM/dd"
/>
,
document
.
getElementById
(
'
components-datepicker-demo-formatter
'
));
<
Date
P
icker
defaultValue
=
"2015/01/01"
format
=
"yyyy/MM/dd"
/>
,
document
.
getElementById
(
'
components-date
-
picker-demo-formatter
'
));
````
components/datepicker/demo/locale.md
→
components/date
-
picker/demo/locale.md
浏览文件 @
d759d1f4
...
...
@@ -7,8 +7,8 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
import
enUS
from
'
antd/lib/datepicker/locale/en_US
'
;
import
{
Date
P
icker
}
from
'
antd
'
;
import
enUS
from
'
antd/lib/date
-
picker/locale/en_US
'
;
import
assign
from
'
object-assign
'
;
const
App
=
React
.
createClass
({
...
...
@@ -22,10 +22,10 @@ const App = React.createClass({
};
},
render
()
{
return
<
Date
p
icker
locale
=
{
this
.
state
.
locale
}
/>;
return
<
Date
P
icker
locale
=
{
this
.
state
.
locale
}
/>;
}
});
ReactDOM
.
render
(<
App
/>,
document
.
getElementById
(
'
components-datepicker-demo-locale
'
));
ReactDOM
.
render
(<
App
/>,
document
.
getElementById
(
'
components-date
-
picker-demo-locale
'
));
````
components/datepicker/demo/month-picker.md
→
components/date
-
picker/demo/month-picker.md
浏览文件 @
d759d1f4
...
...
@@ -7,9 +7,9 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
const
MonthPicker
=
Date
p
icker
.
MonthPicker
;
import
{
Date
P
icker
}
from
'
antd
'
;
const
MonthPicker
=
Date
P
icker
.
MonthPicker
;
ReactDOM
.
render
(
<
MonthPicker
defaultValue
=
"2015-12"
/>
,
document
.
getElementById
(
'
components-datepicker-demo-month-picker
'
));
,
document
.
getElementById
(
'
components-date
-
picker-demo-month-picker
'
));
````
components/datepicker/demo/range.md
→
components/date
-
picker/demo/range.md
浏览文件 @
d759d1f4
...
...
@@ -9,7 +9,7 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
import
{
Date
P
icker
}
from
'
antd
'
;
const
disabledDate
=
function
(
current
,
value
)
{
// can not select days after today
...
...
@@ -17,6 +17,6 @@ const disabledDate = function(current, value) {
};
ReactDOM
.
render
(
<
Date
p
icker
disabledDate
=
{
disabledDate
}
/>
,
document
.
getElementById
(
'
components-datepicker-demo-range
'
));
<
Date
P
icker
disabledDate
=
{
disabledDate
}
/>
,
document
.
getElementById
(
'
components-date
-
picker-demo-range
'
));
````
components/datepicker/demo/select.md
→
components/date
-
picker/demo/select.md
浏览文件 @
d759d1f4
...
...
@@ -7,18 +7,18 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
import
{
Date
P
icker
}
from
'
antd
'
;
const
Picker
=
React
.
createClass
({
handleChange
:
function
(
value
)
{
console
.
log
(
new
Date
(
value
.
getTime
()));
},
render
:
function
()
{
return
<
Date
p
icker
onChange
=
{
this
.
handleChange
}
/>;
return
<
Date
P
icker
onChange
=
{
this
.
handleChange
}
/>;
}
});
ReactDOM
.
render
(
<
Picker
/>
,
document
.
getElementById
(
'
components-datepicker-demo-select
'
));
,
document
.
getElementById
(
'
components-date
-
picker-demo-select
'
));
````
components/datepicker/demo/size.md
→
components/date
-
picker/demo/size.md
浏览文件 @
d759d1f4
...
...
@@ -7,13 +7,13 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
import
{
Date
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(
<
div
>
<
Date
p
icker
size
=
"large"
/>
<
Date
p
icker
/>
<
Date
p
icker
size
=
"small"
/>
<
Date
P
icker
size
=
"large"
/>
<
Date
P
icker
/>
<
Date
P
icker
size
=
"small"
/>
</
div
>
,
document
.
getElementById
(
'
components-datepicker-demo-size
'
));
,
document
.
getElementById
(
'
components-date
-
picker-demo-size
'
));
````
components/datepicker/demo/start-end.md
→
components/date
-
picker/demo/start-end.md
浏览文件 @
d759d1f4
...
...
@@ -7,7 +7,7 @@
---
````
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
import
{
Date
P
icker
}
from
'
antd
'
;
const
DateRange
=
React
.
createClass
({
getInitialState
()
{
...
...
@@ -36,11 +36,11 @@ const DateRange = React.createClass({
},
render
()
{
return
<
div
>
<
Date
p
icker
disabledDate
=
{
this
.
disabledStartDate
}
<
Date
P
icker
disabledDate
=
{
this
.
disabledStartDate
}
value
=
{
this
.
state
.
startValue
}
placeholder
=
"开始日期"
onChange
=
{
this
.
onChange
.
bind
(
this
,
'
startValue
'
)
}
/>
<
Date
p
icker
disabledDate
=
{
this
.
disabledEndDate
}
<
Date
P
icker
disabledDate
=
{
this
.
disabledEndDate
}
value
=
{
this
.
state
.
endValue
}
placeholder
=
"结束日期"
onChange
=
{
this
.
onChange
.
bind
(
this
,
'
endValue
'
)
}
/>
...
...
@@ -50,5 +50,5 @@ const DateRange = React.createClass({
ReactDOM
.
render
(
<
DateRange
/>
,
document
.
getElementById
(
'
components-datepicker-demo-start-end
'
));
,
document
.
getElementById
(
'
components-date
-
picker-demo-start-end
'
));
````
components/datepicker/demo/time.md
→
components/date
-
picker/demo/time.md
浏览文件 @
d759d1f4
...
...
@@ -7,7 +7,7 @@
---
````
jsx
import
{
Date
picker
,
Timep
icker
}
from
'
antd
'
;
import
{
Date
Picker
,
TimeP
icker
}
from
'
antd
'
;
const
DateTimePicker
=
React
.
createClass
({
handleChange
(
from
,
value
)
{
...
...
@@ -37,8 +37,8 @@ const DateTimePicker = React.createClass({
},
render
()
{
return
<
div
>
<
Date
p
icker
onChange
=
{
this
.
handleChange
.
bind
(
null
,
'
date
'
)
}
/>
<
Time
p
icker
onChange
=
{
this
.
handleChange
.
bind
(
null
,
'
time
'
)
}
/>
<
Date
P
icker
onChange
=
{
this
.
handleChange
.
bind
(
null
,
'
date
'
)
}
/>
<
Time
P
icker
onChange
=
{
this
.
handleChange
.
bind
(
null
,
'
time
'
)
}
/>
</
div
>;
}
});
...
...
@@ -48,5 +48,5 @@ function onSelect(value) {
}
ReactDOM
.
render
(<
DateTimePicker
onSelect
=
{
onSelect
}
/>
,
document
.
getElementById
(
'
components-datepicker-demo-time
'
));
,
document
.
getElementById
(
'
components-date
-
picker-demo-time
'
));
````
components/datepicker/index.jsx
→
components/date
-
picker/index.jsx
浏览文件 @
d759d1f4
import
React
from
'
react
'
;
import
Calendar
from
'
rc-calendar
'
;
import
MonthCalendar
from
'
rc-calendar/lib/MonthCalendar
'
;
import
Date
p
icker
from
'
rc-calendar/lib/Picker
'
;
import
Date
P
icker
from
'
rc-calendar/lib/Picker
'
;
import
GregorianCalendar
from
'
gregorian-calendar
'
;
import
defaultLocale
from
'
./locale/zh_CN
'
;
import
CalendarLocale
from
'
rc-calendar/lib/locale/zh_CN
'
;
...
...
@@ -121,7 +121,7 @@ function createPicker(TheCalendar, defaultFormat) {
}
return
<
span
className
=
{
pickerClass
}
>
<
Date
p
icker
<
Date
P
icker
transitionName
=
{
this
.
props
.
transitionName
}
disabled
=
{
this
.
props
.
disabled
}
calendar
=
{
calendar
}
...
...
@@ -147,7 +147,7 @@ function createPicker(TheCalendar, defaultFormat) {
);
}
}
</
Date
p
icker
>
</
Date
P
icker
>
</
span
>;
}
});
...
...
components/datepicker/index.md
→
components/date
-
picker/index.md
浏览文件 @
d759d1f4
# Date
p
icker
# Date
P
icker
-
category: Components
-
chinese: 日期选择框
...
...
@@ -15,7 +15,7 @@
## API
```
html
<Date
p
icker
defaultValue=
"2015-01-01"
/>
<Date
P
icker
defaultValue=
"2015-01-01"
/>
```
| 参数 | 说明 | 类型 | 默认值 |
...
...
components/datepicker/locale/en_US.js
→
components/date
-
picker/locale/en_US.js
浏览文件 @
d759d1f4
文件已移动
components/datepicker/locale/zh_CN.js
→
components/date
-
picker/locale/zh_CN.js
浏览文件 @
d759d1f4
文件已移动
components/form/demo/mix.md
浏览文件 @
d759d1f4
...
...
@@ -7,7 +7,7 @@
---
````
jsx
import
{
Form
,
Select
,
InputNumber
,
Date
p
icker
,
Switch
,
Slider
,
Button
,
message
,
Row
,
Col
}
from
'
antd
'
;
import
{
Form
,
Select
,
InputNumber
,
Date
P
icker
,
Switch
,
Slider
,
Button
,
message
,
Row
,
Col
}
from
'
antd
'
;
const
FormItem
=
Form
.
Item
;
const
Option
=
Select
.
Option
;
...
...
@@ -92,17 +92,17 @@ const Demo = React.createClass({
</
FormItem
>
<
FormItem
label
=
"Date
p
icker 日期选择框:"
label
=
"Date
P
icker 日期选择框:"
labelCol
=
{
{
span
:
8
}
}
required
>
<
Col
span
=
"6"
>
<
Date
p
icker
name
=
"startDate"
onChange
=
{
this
.
setValue
.
bind
(
this
,
'
startDate
'
)
}
value
=
{
formData
.
startDate
}
/>
<
Date
P
icker
name
=
"startDate"
onChange
=
{
this
.
setValue
.
bind
(
this
,
'
startDate
'
)
}
value
=
{
formData
.
startDate
}
/>
</
Col
>
<
Col
span
=
"1"
>
<
p
className
=
"ant-form-split"
>
-
</
p
>
</
Col
>
<
Col
span
=
"6"
>
<
Date
p
icker
name
=
"endDate"
onChange
=
{
this
.
setValue
.
bind
(
this
,
'
endDate
'
)
}
value
=
{
formData
.
endDate
}
/>
<
Date
P
icker
name
=
"endDate"
onChange
=
{
this
.
setValue
.
bind
(
this
,
'
endDate
'
)
}
value
=
{
formData
.
endDate
}
/>
</
Col
>
</
FormItem
>
<
Row
>
...
...
components/form/demo/validate.md
浏览文件 @
d759d1f4
...
...
@@ -13,7 +13,7 @@ validateStatus: ['success', 'warning', 'error', 'validating']。
---
````
jsx
import
{
Form
,
Input
,
Date
p
icker
,
Col
}
from
'
antd
'
;
import
{
Form
,
Input
,
Date
P
icker
,
Col
}
from
'
antd
'
;
const
FormItem
=
Form
.
Item
;
ReactDOM
.
render
(
...
...
@@ -78,13 +78,13 @@ ReactDOM.render(
labelCol
=
{
{
span
:
5
}
}
validateStatus
=
"error"
>
<
Col
span
=
"6"
>
<
Date
p
icker
/>
<
Date
P
icker
/>
</
Col
>
<
Col
span
=
"1"
>
<
p
className
=
"ant-form-split"
>
-
</
p
>
</
Col
>
<
Col
span
=
"6"
>
<
Date
p
icker
/>
<
Date
P
icker
/>
</
Col
>
<
Col
span
=
"19"
offset
=
"5"
>
<
p
className
=
"ant-form-explain"
>
请输入正确选项
</
p
>
...
...
components/timepicker/demo/basic.md
→
components/time
-
picker/demo/basic.md
浏览文件 @
d759d1f4
...
...
@@ -7,7 +7,7 @@
---
````
jsx
import
{
Time
p
icker
}
from
'
antd
'
;
import
{
Time
P
icker
}
from
'
antd
'
;
function
onChange
(
time
)
{
if
(
time
)
{
...
...
@@ -16,6 +16,6 @@ function onChange(time) {
}
ReactDOM
.
render
(
<
Time
p
icker
onChange
=
{
onChange
}
/>
,
document
.
getElementById
(
'
components-timepicker-demo-basic
'
));
<
Time
P
icker
onChange
=
{
onChange
}
/>
,
document
.
getElementById
(
'
components-time
-
picker-demo-basic
'
));
````
components/timepicker/demo/disabled.md
→
components/time
-
picker/demo/disabled.md
浏览文件 @
d759d1f4
...
...
@@ -7,9 +7,9 @@
---
````
jsx
import
{
Time
p
icker
}
from
'
antd
'
;
import
{
Time
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(
<
Time
p
icker
defaultValue
=
"12:08:23"
disabled
/>
,
document
.
getElementById
(
'
components-timepicker-demo-disabled
'
));
<
Time
P
icker
defaultValue
=
"12:08:23"
disabled
/>
,
document
.
getElementById
(
'
components-time
-
picker-demo-disabled
'
));
````
components/timepicker/demo/size.md
→
components/time
-
picker/demo/size.md
浏览文件 @
d759d1f4
...
...
@@ -7,13 +7,13 @@
---
````
jsx
import
{
Time
p
icker
}
from
'
antd
'
;
import
{
Time
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(
<
div
>
<
Time
p
icker
defaultValue
=
"12:08:23"
size
=
"large"
/>
<
Time
p
icker
defaultValue
=
"12:08:23"
/>
<
Time
p
icker
defaultValue
=
"12:08:23"
size
=
"small"
/>
<
Time
P
icker
defaultValue
=
"12:08:23"
size
=
"large"
/>
<
Time
P
icker
defaultValue
=
"12:08:23"
/>
<
Time
P
icker
defaultValue
=
"12:08:23"
size
=
"small"
/>
</
div
>
,
document
.
getElementById
(
'
components-timepicker-demo-size
'
));
,
document
.
getElementById
(
'
components-time
-
picker-demo-size
'
));
````
components/timepicker/demo/special-minutes.md
→
components/time
-
picker/demo/special-minutes.md
浏览文件 @
d759d1f4
...
...
@@ -7,9 +7,9 @@
---
````
jsx
import
{
Time
p
icker
}
from
'
antd
'
;
import
{
Time
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(
<
Time
p
icker
defaultValue
=
"12:30:23"
format
=
"HH:mm"
minuteOptions
=
{
[
0
,
30
]
}
/>
,
document
.
getElementById
(
'
components-timepicker-demo-special-minutes
'
));
<
Time
P
icker
defaultValue
=
"12:30:23"
format
=
"HH:mm"
minuteOptions
=
{
[
0
,
30
]
}
/>
,
document
.
getElementById
(
'
components-time
-
picker-demo-special-minutes
'
));
````
components/timepicker/demo/value.md
→
components/time
-
picker/demo/value.md
浏览文件 @
d759d1f4
...
...
@@ -7,7 +7,7 @@ value 和 onChange 需要配合使用。
---
````
jsx
import
{
Time
p
icker
}
from
'
antd
'
;
import
{
Time
P
icker
}
from
'
antd
'
;
const
Test
=
React
.
createClass
({
getInitialState
()
{
...
...
@@ -23,9 +23,9 @@ const Test = React.createClass({
this
.
setState
({
time
});
},
render
()
{
return
<
Time
p
icker
value
=
{
this
.
state
.
value
}
onChange
=
{
this
.
onChange
}
/>;
return
<
Time
P
icker
value
=
{
this
.
state
.
value
}
onChange
=
{
this
.
onChange
}
/>;
}
});
ReactDOM
.
render
(<
Test
/>,
document
.
getElementById
(
'
components-timepicker-demo-value
'
));
ReactDOM
.
render
(<
Test
/>,
document
.
getElementById
(
'
components-time
-
picker-demo-value
'
));
````
components/timepicker/demo/without-seconds.md
→
components/time
-
picker/demo/without-seconds.md
浏览文件 @
d759d1f4
...
...
@@ -7,9 +7,9 @@
---
````
jsx
import
{
Time
p
icker
}
from
'
antd
'
;
import
{
Time
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(
<
Time
p
icker
defaultValue
=
"12:08:23"
format
=
"HH:mm"
/>
,
document
.
getElementById
(
'
components-timepicker-demo-without-seconds
'
));
<
Time
P
icker
defaultValue
=
"12:08:23"
format
=
"HH:mm"
/>
,
document
.
getElementById
(
'
components-time
-
picker-demo-without-seconds
'
));
````
components/timepicker/index.jsx
→
components/time
-
picker/index.jsx
浏览文件 @
d759d1f4
...
...
@@ -5,7 +5,7 @@ import objectAssign from 'object-assign';
import
defaultLocale
from
'
./locale/zh_CN
'
;
import
classNames
from
'
classnames
'
;
const
AntTime
p
icker
=
React
.
createClass
({
const
AntTime
P
icker
=
React
.
createClass
({
getDefaultProps
()
{
return
{
format
:
'
HH:mm:ss
'
,
...
...
@@ -104,4 +104,4 @@ const AntTimepicker = React.createClass({
});
export
default
AntTime
p
icker
;
export
default
AntTime
P
icker
;
components/timepicker/index.md
→
components/time
-
picker/index.md
浏览文件 @
d759d1f4
# Time
p
icker
# Time
P
icker
-
category: Components
-
chinese: 时间选择框
...
...
@@ -17,7 +17,7 @@ API
---
```
html
<Time
p
icker
defaultValue=
"13:30:56"
/>
<Time
P
icker
defaultValue=
"13:30:56"
/>
```
| 参数 | 说明 | 类型 | 默认值 |
...
...
components/timepicker/locale/en_US.js
→
components/time
-
picker/locale/en_US.js
浏览文件 @
d759d1f4
文件已移动
components/timepicker/locale/zh_CN.js
→
components/time
-
picker/locale/zh_CN.js
浏览文件 @
d759d1f4
文件已移动
components/validation/demo/other-items.md
浏览文件 @
d759d1f4
...
...
@@ -4,12 +4,12 @@
提供以下组件表单域的校验。
`Select`
`Radio`
`Date
p
icker`
`InputNumber`
。
`Select`
`Radio`
`Date
P
icker`
`InputNumber`
。
---
````
jsx
import
{
Validation
,
Select
,
Radio
,
Button
,
Date
p
icker
,
InputNumber
,
Form
}
from
'
antd
'
;
import
{
Validation
,
Select
,
Radio
,
Button
,
Date
P
icker
,
InputNumber
,
Form
}
from
'
antd
'
;
const
Validator
=
Validation
.
Validator
;
const
Option
=
Select
.
Option
;
const
RadioGroup
=
Radio
.
Group
;
...
...
@@ -172,7 +172,7 @@ const Demo = React.createClass({
type
:
'
date
'
,
message
:
'
你的生日是什么呢?
'
},
{
validator
:
this
.
checkBirthday
}]
}
>
<
Date
p
icker
name
=
"birthday"
value
=
{
formData
.
birthday
}
/>
<
Date
P
icker
name
=
"birthday"
value
=
{
formData
.
birthday
}
/>
</
Validator
>
</
FormItem
>
...
...
docs/getting-started.md
浏览文件 @
d759d1f4
...
...
@@ -47,7 +47,7 @@ $ npm install
```
jsx
import
React
from
'
react
'
;
import
{
Date
p
icker
,
message
}
from
'
antd
'
;
import
{
Date
P
icker
,
message
}
from
'
antd
'
;
const
App
=
React
.
createClass
({
getInitialState
()
{
...
...
@@ -63,7 +63,7 @@ const App = React.createClass({
},
render
()
{
return
<
div
style
=
{
{
width
:
400
,
margin
:
'
100px auto
'
}
}
>
<
Date
p
icker
onSelect
=
{
this
.
handleChange
}
/>
<
Date
P
icker
onSelect
=
{
this
.
handleChange
}
/>
<
div
style
=
{
{
marginTop
:
20
}
}
>
当前日期:
{
this
.
state
.
date
.
toString
()
}
</
div
>
</
div
>;
}
...
...
docs/introduce.md
浏览文件 @
d759d1f4
...
...
@@ -35,15 +35,15 @@
## 示例
```
jsx
import
{
Date
p
icker
}
from
'
antd
'
;
ReactDOM
.
render
(<
Date
p
icker
/>,
mountNode
);
import
{
Date
P
icker
}
from
'
antd
'
;
ReactDOM
.
render
(<
Date
P
icker
/>,
mountNode
);
```
或者按需加载:
```
jsx
import
Date
picker
from
'
antd/lib/date
picker
'
;
ReactDOM
.
render
(<
Date
p
icker
/>,
mountNode
);
import
Date
Picker
from
'
antd/lib/date-
picker
'
;
ReactDOM
.
render
(<
Date
P
icker
/>,
mountNode
);
```
引入样式:
...
...
index.js
浏览文件 @
d759d1f4
...
...
@@ -2,7 +2,7 @@ import React from 'react';
const
antd
=
{
Affix
:
require
(
'
./components/affix
'
),
Date
picker
:
require
(
'
./components/date
picker
'
),
Date
Picker
:
require
(
'
./components/date-
picker
'
),
Tooltip
:
require
(
'
./components/tooltip
'
),
Carousel
:
require
(
'
./components/carousel
'
),
Tabs
:
require
(
'
./components/tabs
'
),
...
...
@@ -41,7 +41,7 @@ const antd = {
Form
:
require
(
'
./components/form
'
),
Input
:
require
(
'
./components/input
'
),
Calendar
:
require
(
'
./components/calendar
'
),
Time
picker
:
require
(
'
./components/time
picker
'
),
Time
Picker
:
require
(
'
./components/time-
picker
'
),
};
antd
.
version
=
require
(
'
./package.json
'
).
version
;
...
...
scripts/demo.js
浏览文件 @
d759d1f4
function
capitalizeFirstLetter
(
string
)
{
return
string
.
charAt
(
0
).
toUpperCase
()
+
string
.
slice
(
1
);
function
camelize
(
str
)
{
return
str
.
replace
(
/
(?:
^|
[
-_
])(\w)
/g
,
function
(
_
,
c
)
{
return
c
?
c
.
toUpperCase
()
:
''
;
});
}
window
.
require
=
function
(
path
)
{
...
...
@@ -7,7 +9,7 @@ window.require = function (path) {
var
namespaces
=
path
.
split
(
'
/
'
);
namespaces
.
forEach
(
function
(
key
,
i
)
{
if
(
i
===
2
)
{
key
=
ca
pitalizeFirstLetter
(
key
);
key
=
ca
melize
(
key
);
}
if
(
key
!==
'
lib
'
)
{
if
(
result
[
key
])
{
...
...
@@ -34,9 +36,9 @@ window['object-assign'] = require('object-assign');
window
[
'
classnames
'
]
=
require
(
'
classnames
'
);
require
(
'
./importCss
'
);
antd
.
Date
p
icker
.
locale
=
{
en_US
:
require
(
'
../components/datepicker/locale/en_US
'
),
zh_CN
:
require
(
'
../components/datepicker/locale/zh_CN
'
),
antd
.
Date
P
icker
.
locale
=
{
en_US
:
require
(
'
../components/date
-
picker/locale/en_US
'
),
zh_CN
:
require
(
'
../components/date
-
picker/locale/zh_CN
'
),
};
antd
.
Calendar
.
locale
=
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录