【问题标题】:DateTimePicker set secondary picker minDate to first select dateDateTimePicker 将辅助选择器 minDate 设置为第一个选择日期
【发布时间】:2026-01-16 04:25:01
【问题描述】:

我从这里 (http://trentrichardson.com/examples/timepicker/) 使用 DateTimePicker 插件,我有两个选项,一个是开始日期,第二个是结束日期。我正在尝试将第二个(结束日期)设置为第一个选定日期,因此您无法选择第一个设置日期之前的日期。我已经尝试了一切,但无法使其正常工作。我的结束日期代码是:

$('#enddate').datetimepicker({
    timeFormat: "HH:mm",
    stepHour: 1,
    stepMinute: 15,
    hourMin: 8,
    hourMax: 20,
    dateFormat: "dd/mm/yy",
    minDate: Date(moment($('#startdate').datepicker( 'getDate' )).format("YYYY, MM, DD")),
});

获取文档中显示的格式,但每次我得到的是 2021 年,而不是 2015 年,但月份和日期都是正确的!

我使用.moment 来正确格式化日期,但我不知道为什么它不能正常工作。

【问题讨论】:

  • 在开始日期使用onSelect 事件来设置结束日期的minDate 选项。
  • 获取任何解决方案。我有同样的错误。

标签: jquery datetime momentjs picker


【解决方案1】:

这是修改后的代码,现在对我来说可以正常工作

var startDateTextBox = $('#startdate');
var endDateTextBox = $('#enddate');

$.timepicker.datetimeRange(
    startDateTextBox,
    endDateTextBox,
    {
        dateFormat: "dd/mm/yy",
        timeFormat: "HH:mm",
        minTime: '8:00 am',
        maxTime: '8:00 pm',
        stepHour: 1,
        stepMinute: 15,     
        range: true,        
        minDate: new Date(moment().add(1, 'days').format("YYYY, MM, DD")),
        start: {}, // start picker options
        end: {} // end picker options                   
    }
);

【讨论】: