bootstrap datetimepicker 开始时间，结束时间

最新推荐文章于 2024-08-08 07:19:13 发布

Joshua02

最新推荐文章于 2024-08-08 07:19:13 发布

阅读量5.2k

点赞数 1

分类专栏： js bootstrap

本文链接：https://blog.csdn.net/a314753967/article/details/82882834

版权

js 同时被 2 个专栏收录

45 篇文章 3 订阅

订阅专栏

bootstrap

2 篇文章 0 订阅

订阅专栏

// 时间选择器初始化
$('#beginTime, #endTime').datetimepicker({
    language: 'zh-CN',
    autoclose: true,
    todayBtn: true,
    format: 'yyyy-mm-dd hh:ii:ss',
    // minView: 2,
    minuteStep: 10, // 时间选择 精确到10分钟
    startDate: '2000-01-01',
    // endDate: '2020-12-30'
});
// 时间选择器互动（结束时间不得早于开始时间）
$('#beginTime').on('changeDate', function(ev){
    $('#endTime').datetimepicker('setStartDate', ev.date);
    var d = $('#endTime').val();
    if (d) {
        var date = new Date(d.replace(/-/g, '/'));
        if(date != 'Invalid Date' && date < ev.date){
            $('#endTime').datetimepicker('setDate', ev.date)
        }
    }
});