Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
703cf318
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,发现更多精彩内容 >>
提交
703cf318
编写于
3月 28, 2016
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Add dateString to DatePicker & TimePicker onChange
close #1104
上级
5308308d
变更
8
隐藏空白更改
内联
并排
Showing
8 changed file
with
19 addition
and
16 deletion
+19
-16
components/date-picker/RangePicker.jsx
components/date-picker/RangePicker.jsx
+5
-3
components/date-picker/demo/basic.md
components/date-picker/demo/basic.md
+2
-2
components/date-picker/demo/range.md
components/date-picker/demo/range.md
+2
-1
components/date-picker/index.jsx
components/date-picker/index.jsx
+1
-1
components/date-picker/index.md
components/date-picker/index.md
+2
-2
components/time-picker/demo/basic.md
components/time-picker/demo/basic.md
+2
-5
components/time-picker/index.jsx
components/time-picker/index.jsx
+4
-1
components/time-picker/index.md
components/time-picker/index.md
+1
-1
未找到文件。
components/date-picker/RangePicker.jsx
浏览文件 @
703cf318
...
...
@@ -52,9 +52,11 @@ export default React.createClass({
if
(
!
(
'
value
'
in
this
.
props
))
{
this
.
setState
({
value
});
}
const
startTime
=
value
[
0
]
?
new
Date
(
value
[
0
].
getTime
())
:
null
;
const
endTime
=
value
[
1
]
?
new
Date
(
value
[
1
].
getTime
())
:
null
;
this
.
props
.
onChange
([
startTime
,
endTime
]);
const
startDate
=
value
[
0
]
?
new
Date
(
value
[
0
].
getTime
())
:
null
;
const
endDate
=
value
[
1
]
?
new
Date
(
value
[
1
].
getTime
())
:
null
;
const
startDateString
=
value
[
0
]
?
this
.
getFormatter
().
format
(
value
[
0
])
:
''
;
const
endDateString
=
value
[
1
]
?
this
.
getFormatter
().
format
(
value
[
1
])
:
''
;
this
.
props
.
onChange
([
startDate
,
endDate
],
[
startDateString
,
endDateString
]);
},
render
()
{
const
locale
=
this
.
getLocale
();
...
...
components/date-picker/demo/basic.md
浏览文件 @
703cf318
...
...
@@ -9,8 +9,8 @@
````
jsx
import
{
DatePicker
}
from
'
antd
'
;
function
onChange
(
value
)
{
console
.
log
(
value
);
function
onChange
(
value
,
dateString
)
{
console
.
log
(
value
,
dateString
);
}
ReactDOM
.
render
(<
DatePicker
onChange
=
{
onChange
}
/>,
mountNode
);
...
...
components/date-picker/demo/range.md
浏览文件 @
703cf318
...
...
@@ -10,8 +10,9 @@
import
{
DatePicker
}
from
'
antd
'
;
const
RangePicker
=
DatePicker
.
RangePicker
;
function
onChange
(
value
)
{
function
onChange
(
value
,
dateString
)
{
console
.
log
(
'
From:
'
,
value
[
0
],
'
, to:
'
,
value
[
1
]);
console
.
log
(
'
From:
'
,
dateString
[
0
],
'
, to:
'
,
dateString
[
1
]);
}
ReactDOM
.
render
(<
div
>
<
RangePicker
style
=
{
{
width
:
184
}
}
onChange
=
{
onChange
}
/>
...
...
components/date-picker/index.jsx
浏览文件 @
703cf318
...
...
@@ -45,7 +45,7 @@ function createPicker(TheCalendar, defaultFormat) {
this
.
setState
({
value
});
}
const
timeValue
=
value
?
new
Date
(
value
.
getTime
())
:
null
;
this
.
props
.
onChange
(
timeValue
);
this
.
props
.
onChange
(
timeValue
,
value
?
this
.
getFormatter
().
format
(
value
)
:
''
);
},
render
()
{
const
locale
=
this
.
getLocale
();
...
...
components/date-picker/index.md
浏览文件 @
703cf318
...
...
@@ -29,7 +29,7 @@
| defaultValue | 默认日期 | string or Date | 无 |
| format | 展示的日期格式,配置参考
[
GregorianCalendarFormat
](
https://github.com/yiminghe/gregorian-calendar-format
)
| string | "yyyy-MM-dd" |
| disabledDate | 不可选择的日期 | function | 无 |
| onChange | 时间发生变化的回调,发生在用户选择时间时 | function(
Date value
) | 无 |
| onChange | 时间发生变化的回调,发生在用户选择时间时 | function(
date, dateString
) | 无 |
| disabled | 禁用 | bool | false |
| style | 自定义输入框样式 | object | {} |
| popupStyle | 格外的弹出日历样式 | object | {} |
...
...
@@ -46,7 +46,7 @@
| value | 日期 | [string/Date, string/Date] | 无 |
| defaultValue | 默认日期 | [string/Date, string/Date] | 无 |
| format | 展示的日期格式 | string | "yyyy-MM-dd HH:mm:ss" |
| onChange | 时间发生变化的回调,发生在用户选择时间时 | function(
[Date start, Date end
]) | 无 |
| onChange | 时间发生变化的回调,发生在用户选择时间时 | function(
date[], dateString[
]) | 无 |
`disabled`
`style`
`popupStyle`
`size`
`locale`
`showTime`
`onOk`
`getCalendarContainer`
属性与 DatePicker 的一致。
...
...
components/time-picker/demo/basic.md
浏览文件 @
703cf318
...
...
@@ -9,11 +9,8 @@
````
jsx
import
{
TimePicker
}
from
'
antd
'
;
function
onChange
(
time
)
{
console
.
log
(
time
);
if
(
time
)
{
console
.
log
(
time
.
toLocaleTimeString
(
'
zh-CN
'
,
{
hour12
:
false
}));
// Get time string
}
function
onChange
(
time
,
timeString
)
{
console
.
log
(
time
,
timeString
);
}
ReactDOM
.
render
(
...
...
components/time-picker/index.jsx
浏览文件 @
703cf318
...
...
@@ -67,7 +67,10 @@ const TimePicker = React.createClass({
},
handleChange
(
value
)
{
this
.
props
.
onChange
(
value
?
new
Date
(
value
.
getTime
())
:
null
);
this
.
props
.
onChange
(
value
?
new
Date
(
value
.
getTime
())
:
null
,
value
?
this
.
getFormatter
().
format
(
value
)
:
''
,
);
},
getLocale
()
{
...
...
components/time-picker/index.md
浏览文件 @
703cf318
...
...
@@ -27,7 +27,7 @@ API
| defaultValue | 初始默认时间 | string or Date | 无 |
| value | 默认时间 | string or Date | 无 |
| placeholder | 没有值的时候显示的内容 | string | "请选择时间" |
| onChange | 时间发生变化的回调 | function(
Date value
) | 无 |
| onChange | 时间发生变化的回调 | function(
date, dateString
) | 无 |
| format | 展示的时间格式 | string | "HH:mm:ss"、"HH:mm"、"mm:ss" |
| disabled | 禁用全部操作 | bool | false |
| disabledHours | 禁止选择部分小时选项 | function() | 无 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录