jquery UI 日期时间选择器

Question

我正在使用这个 jquery ui 日期时间选择器 http://trentrichardson.com/examples/timepicker/

对于两个日期时间选择器，第一个获取 From 日期（日期范围的开始），另一个获取 to 日期（日期范围的结束）。下面的代码示例：

var getTimeLapseFromTimestamp= $('#from');
getTimeLapseFromTimestamp.datetimepicker({
    timeFormat: 'HH:mm:ss',
    stepHour: 1,
    stepMinute: 10,
    stepSecond: 10,
    showSecond: false,
    showButtonPanel: false,
    changeYear: true,
    changeMonth: true,
    onSelect: function(date) {

    },
    numberOfMonths: 1
});

和

var getTimeLapseToTimestamp = $('#to');
getTimeLapseToTimestamp .datetimepicker({
    timeFormat: 'HH:mm:ss',
    stepHour: 1,
    stepMinute: 10,
    stepSecond: 10,
    showSecond: false,
    showButtonPanel: false,
    changeYear: true,
    changeMonth: true,
    onSelect: function(date) {

    },
    numberOfMonths: 1
});

我想要的是，当在 From 日期时间选择器中 select 编辑日期时，To 日期时间选择器的 maxDate 和 MinDate 属性会使用onSelect 函数使用户无法 select 超过 From 时间戳 3 个月的日期范围。任何有想法的人，我都很难过。

Answer 1

您可以在您的 onselect 键中插入以下内容，

$('#date').datepicker('option', 'maxDate', new Date(startDate.getMonth() + 3));

jquery UI 日期时间选择器

jquery UI date time picker

javascript

jquery

jquery-ui-datepicker