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);
	});
}

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

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

你可能感兴趣的:(fastadmin,日期选择)