日期时间

在FastAdmin中的日期时间组件采用的是Bootstrap-datetimepicker插件

我们在使用时可以为文本框添加一个class为datetimepicker的值即可自动添加日期时间选择框。

常用属性

同时我们还可以通过配置以下属性来自定义我们日期选择器的功能

事件捕获

如果你需要捕获元素值变更后的事件，可以通过以下方式来实现，如：

$("#c-createtime").on("dp.change", function(){
    //回调事件
});

手动渲染

如果你的HTML是异步渲染，可能导致日期时间组件无法正常渲染，此时我们需要进行手动渲染，如下：

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

    var form = $("日期时间组件所在的父元素选择器");
    $('.datetimepicker', form).parent().css('position', 'relative');
    $('.datetimepicker', form).datetimepicker(options).on('dp.change', function (e) {
        $(this, document).trigger("changed");
    });
});

更多的使用方法请参考Bootstrap-datetimepicker官方教程