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

Question

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

我怎样才能做到这一点。我需要使用哪些事件来完成 onselect、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'));

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

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

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