日期选取器

插件使用Bootstrap-datepicker 1.9,插件只有中文简体和繁体的配置文件,如需其他语言的请自行下载,github地址:https://github.com/uxsolutions/bootstrap-datepicker点击查看文档

给需要用到日期选择器的输入框增加 data-provide="datepicker"

data-date-highlight="true" 则可以让日期选择器凸显当前日期。

data-multidate="true" 指定可以选择多个日期。

日期范围选取

.input-group 的元素加上 data-provide="datepicker"

单独选择年份

因为和通用初始化有些不一样,这里单独对此做初始化。

单独选择月份

单独选择天就不演示了,data-date-format="dd"即可。

时间日期选择器

插件使用bootstrap-datetimepicker 4.17.47,是bootstrap-datepicker项目的一个分支,主要新增了时间的选择,github地址:http://eonasdan.github.io/bootstrap-datetimepicker/

给需要用到时间日期选择器的输入框,增加 data-provide="datetimepicker",可修改 data-format 来实现单独使用时间选择。

使用bootstrap-datetimepicker插件,需要moment.min.js支持。

只选择使用时分秒,设置 data-format="LTS" 即可。