在FastAdmin
中的日期时间组件采用的是Bootstrap-datetimepicker
插件
我们在使用时可以为文本框添加一个class
为datetimepicker
的值即可自动添加日期时间选择框。
同时我们还可以通过配置以下属性来自定义我们日期选择器的功能
属性 | 描述 | 示例 |
---|---|---|
data-date-format | 日期时间的格式,支持Moment.js的格式 | data-date-format="YYYY-MM-DD" |
data-date-min-date | 最小可选择的日期 | data-date-min-date="2011-10-01" |
data-date-max-date | 最大可选择的日期 | data-date-max-date="2046-10-01" |
data-date-use-current | 使用当前的日期时间 | data-date-use-current="true" |
data-date-default-date | 默认日期 | data-date-default-date="2011-10-01" |
data-date-disabled-dates | 禁用的日期组 | data-date-disabled-dates='["2011-10-02"]' |
data-date-enabled-dates | 可用的日期组 | data-date-enabled-dates='["2011-10-02"]' |
data-date-use-strict | 使用严格的日期时间,错误日期将被忽略 | data-date-use-strict="true" |
data-date-side-by-side | 日期时间并排显示 | data-date-side-by-side="true" |
如果你需要捕获元素值变更后的事件,可以通过以下方式来实现,如:
$("#c-createtime").on("dp.change", function(){
//回调事件
});
更多的使用方法请参考Bootstrap-datetimepicker官方教程