FastAdmin日期选择控件的使用

fastadmin日期选择控件的是用的bootstrap的方式。

var form = $("form.form-commonsearch");

if ($(".datetimepicker", form).size() > 0) {
require(['bootstrap-datetimepicker'], function () {
var options = {
format: 'YYYY-MM-DD HH:mm:ss',   //
icons: {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-history',
clear: 'fa fa-trash',
close: 'fa fa-remove'
},
showTodayButton: true,
showClose: true
};
$('.datetimepicker', form).parent().css('position', 'relative');
$('.datetimepicker', form).datetimepicker(options);

});

}

<input type="datetime" class="form-control datetimepicker" name="s" value="" placeholder="" id="s" data-date-format="YYYY-MM-DD" />

这样就实现了按需加载，页面不需要引用日期选择的js文件。

只有当出现包含样式datetimepicker的文本框的时候，才会有日期选择这个插件。其他的插件，也是同样的道理。