bootstrap datetimepicker的使用

在前端页面的开发中，我们经常要用到日期选择控件。而datetimepicker则是一个非常方便的控件

页面效果：

引入资源文件：

 

html代码：

js代码：

$(function () {
    var picker1 = $('#datetimepicker1').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn'),
    });
    var picker2 = $('#datetimepicker2').datetimepicker({
        format: 'YYYY-MM-DD',
        locale: moment.locale('zh-cn')
    });
    picker1.on('dp.change', function (e) {
        picker2.data('DateTimePicker').minDate(e.date);
    });
    picker2.on('dp.change', function (e) {
        picker1.data('DateTimePicker').maxDate(e.date);
    });
});

否则日期按钮是点不开的