DatePicker 日期选择器
用于选择或输入日期,选择器风格样式参考bootstrap-datetimepicker
进行设计。
基础用法
默认使用以日为单位,使用 size
属性改变选择大小。 除了默认大小外,还有另外两个选项: large
, mini
。
html
<os-date-picker
v-model="d"
size="large">
</os-date-picker>
其他单位
使用 type
定义单位,分别为 Y
、M
、D
精确单位
一般地,默认精确单位为type
属性,选择完后会直接关闭弹出框完成操作,如有特殊情况,可按顺序手动设置accurate
为Y
、M
、D
、H
、m
、s
,其中H
如设置为小写则会以12小时制显示,如开启12小时,建议format
格式为YYYY-MM-DD hh:mm A
INFO
小技巧:可通过设置type属性首次打开视图单位,但需要按顺序,不能反顺序设置。
html
<os-date-picker
v-model="d"
format="YYYY-MM-DD HH:mm"
accurate="m">
</os-date-picker>
可输入状态
通过设置属性readonly
可设置为可输入状态,默认为false
disabled
可清空
通过设置属性clearable
属性设置为可一键清除操作,注意开始此项时,需要同时设置readonly
为false,如readonly
为true时,只能通过弹出框按钮清除进行清除。