日期选取器
插件使用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"
即可。