DateTimePicker UI限制时间选择器结束在开始之后

Question

我有一个开始时间和结束时间输入框，其中使用了datetimepicker-UI的时间选择器扩展。

我正在尝试使结束时间不能早于开始时间，但到目前为止，我所有的配置选项都失败了。

这是我尝试使用的样本从网站:

$(document).ready(function() {
    $( "#theDate" ).datepicker({
        minDate: -0,
        showWeek: true,
        firstDay: 1,
        showOn: "both",
        buttonImage: "/assets/img/calendar.gif",
        buttonImageOnly: true,
        buttonText: "Select date",
        showButtonPanel: true,
        dateFormat: "dd/mm/yy "
    });
    //Time pickers
    $("#startTime").timepicker({
        //increment in 10mins
        //can't be sooner than now.
        controlType: 'select',
        oneLine: true,
        timeFormat: 'hh:mm tt'
    });

    $("#endTime").timepicker({
        //need to set the range to be AFTER startTime
        controlType: 'select',
        oneLine: true,
        timeFormat: 'hh:mm tt'
    });
    var $minimumStartTime = $("startTime").val();
    var $minimumEndTime = $("endTime").val();
    $.timepicker.timeRange(
            $minimumStartTime,
            $minimumEndTime,
            {
                minInterval: (1000*60*60), // 1hr
                timeFormat: 'HH:mm',
                start: {}, // start picker options
                end: {} // end picker options
            }
    )

});

它也包括我的datePicker，它工作得很好。

任何帮助都非常感激。谢谢。

Answer 1

下面是一个工作日期拾取器的基本功能minDate的另一个日期拾取器值:http://jsfiddle.net/w0hgkzqf/

$('input.start').datepicker({
    onSelect: function (dateText, obj) {
        $('input.end').datepicker('option', 'minDate', dateText);
    }
});
$('input.end').datepicker();