Mobiscroll时间更改验证开始和结束时间

Question

我需要对开始时间和结束时间进行验证，如果开始时间大于结束时间投掷和错误。

我如何实现这一目标。 我需要使用哪些事件来进行验证，onclose？ 请帮帮我

由于

Answer 1

您可以使用onSelect事件对mobiscroll进行更改。

这是我试过的一个例子..你可能会发现有用的

    onSelect: function (dateText, inst) {
        var newMinDate, newMaxDate;
        endDate = new Date(dateText);
        var newEndDate = new Date(endDate.getFullYear(), endDate.getMonth(), endDate.getDate() + 5);
        $endCal.mobiscroll('setDate', newEndDate);
        newMinDate = new Date(endDate.getFullYear(), endDate.getMonth(), endDate.getDate() + 1),
        $endCal.mobiscroll('option', {
            minDate: newMinDate
        });
    }

https://jsfiddle.net/sarvesh310/742Lqagk/2/

Answer 2

您可以在onSelect事件中动态设置minDate和maxDate选项，例如：

$('#end_time').scroller('option', 'minDate', $('#start_time').scroller('getDate'));

一个工作示例（不允许选择开始日期＆gt;结束日期）：

http://jsfiddle.net/dioslaska/2MVv6/1/

这也适用于日期和日期时间选择器。