Skip to content
On this page

DatePicker 日期选择器

用于选择或输入日期,选择器风格样式参考bootstrap-datetimepicker进行设计。

基础用法

默认使用以日为单位,使用 size 属性改变选择大小。 除了默认大小外,还有另外两个选项: large, mini

html
<os-date-picker
v-model="d"
size="large">
</os-date-picker>

其他单位

使用 type定义单位,分别为 YMD

精确单位

一般地,默认精确单位为type属性,选择完后会直接关闭弹出框完成操作,如有特殊情况,可按顺序手动设置accurateYMDHms,其中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时,只能通过弹出框按钮清除进行清除。

Released under the MIT License.