Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
eb434d86
C
cube-ui
项目概览
DiDi
/
cube-ui
大约 1 年 前同步成功
通知
34
Star
9078
Fork
1508
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
cube-ui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
eb434d86
编写于
4月 09, 2018
作者:
A
AmyFoxFN
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
example(date-picker): create on click
上级
3ad451aa
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
59 addition
and
50 deletion
+59
-50
example/pages/date-picker.vue
example/pages/date-picker.vue
+59
-50
未找到文件。
example/pages/date-picker.vue
浏览文件 @
eb434d86
...
...
@@ -17,70 +17,79 @@
import
CubeButtonGroup
from
'
example/components/cube-button-group.vue
'
export
default
{
mounted
()
{
this
.
datePicker
=
this
.
$createDatePicker
({
title
:
'
Date Picker
'
,
min
:
new
Date
(
2008
,
7
,
8
),
max
:
new
Date
(
2020
,
9
,
20
),
value
:
new
Date
(),
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
this
.
timePicker
=
this
.
$createDatePicker
({
title
:
'
Time Picker
'
,
min
:
[
8
,
0
,
0
],
max
:
[
20
,
59
,
59
],
value
:
new
Date
(),
startColumn
:
'
hour
'
,
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
this
.
dateTimePicker
=
this
.
$createDatePicker
({
title
:
'
Date Time Picker
'
,
min
:
new
Date
(
2008
,
7
,
8
,
8
,
0
,
0
),
max
:
new
Date
(
2020
,
9
,
20
,
20
,
59
,
59
),
value
:
new
Date
(),
columnCount
:
6
,
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
this
.
monthDatePicker
=
this
.
$createDatePicker
({
title
:
'
Month Date Picker
'
,
min
:
[
1
,
1
],
max
:
[
12
,
31
],
value
:
new
Date
(),
startColumn
:
'
month
'
,
columnCount
:
2
,
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
this
.
updatePropsPicker
=
this
.
$createDatePicker
({
title
:
'
Use $updateProps
'
,
min
:
new
Date
(
2008
,
7
,
8
),
max
:
new
Date
(
2020
,
9
,
20
),
value
:
new
Date
(),
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
},
methods
:
{
showDatePicker
()
{
if
(
!
this
.
datePicker
)
{
this
.
datePicker
=
this
.
$createDatePicker
({
title
:
'
Date Picker
'
,
min
:
new
Date
(
2008
,
7
,
8
),
max
:
new
Date
(
2020
,
9
,
20
),
value
:
new
Date
(),
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
}
this
.
datePicker
.
show
()
},
showTimePicker
()
{
if
(
!
this
.
timePicker
)
{
this
.
timePicker
=
this
.
$createDatePicker
({
title
:
'
Time Picker
'
,
min
:
[
8
,
0
,
0
],
max
:
[
20
,
59
,
59
],
value
:
new
Date
(),
startColumn
:
'
hour
'
,
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
}
this
.
timePicker
.
show
()
},
showDateTimePicker
()
{
if
(
!
this
.
dateTimePicker
)
{
this
.
dateTimePicker
=
this
.
$createDatePicker
({
title
:
'
Date Time Picker
'
,
min
:
new
Date
(
2008
,
7
,
8
,
8
,
0
,
0
),
max
:
new
Date
(
2020
,
9
,
20
,
20
,
59
,
59
),
value
:
new
Date
(),
columnCount
:
6
,
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
}
this
.
dateTimePicker
.
show
()
},
showMonthDatePicker
()
{
if
(
!
this
.
monthDatePicker
)
{
this
.
monthDatePicker
=
this
.
$createDatePicker
({
title
:
'
Month Date Picker
'
,
min
:
[
1
,
1
],
max
:
[
12
,
31
],
value
:
new
Date
(),
startColumn
:
'
month
'
,
columnCount
:
2
,
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
}
this
.
monthDatePicker
.
show
()
},
showUpdatePropsPicker
()
{
if
(
!
this
.
updatePropsPicker
)
{
this
.
updatePropsPicker
=
this
.
$createDatePicker
({
title
:
'
Use $updateProps
'
,
min
:
new
Date
(
2008
,
7
,
8
),
max
:
new
Date
(
2020
,
9
,
20
),
value
:
new
Date
(),
onSelect
:
this
.
selectHandle
,
onCancel
:
this
.
cancelHandle
})
}
this
.
updatePropsPicker
.
show
()
setTimeout
(()
=>
{
this
.
updatePropsPicker
.
$updateProps
({
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录