jquery UI日期时间选择器

时间:2015-07-09 07:45:07

标签: javascript jquery jquery-ui-datepicker

我正在使用这个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日期时间选择器中选择日期时,使用onSelect函数调整To日期时间选择器的maxDate和MinDate属性,以便用户无法选择From时间戳超过3个月的日期范围。任何有想法的人,我都很难过。

1 个答案:

答案 0 :(得分:0)

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

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