2

To date が常に From date 以上であることを確認する (およびそれに応じてユーザーに警告する) ための剣道 DatePicker のデフォルトの方法はありますか?

4

2 に答える 2

8

デフォルトの方法はありませんが、Kendo UI のデモ ページに参​​考になる例が 1 つあります。ここを読む

基本的に、次の HTML が与えられます。

<div class="demo-section" style="width:470px">
    <label for="start">Start date:</label>
    <input id="start" value="10/10/2011"/>

    <label for="end" style="margin-left:3em">End date:</label>
    <input id="end" value="10/10/2012"/>
</div>

そして、この DatePicker の初期化:

var start = $("#start").kendoDatePicker({
    change: startChange
}).data("kendoDatePicker");

var end = $("#end").kendoDatePicker({
    change: endChange
}).data("kendoDatePicker");

start.max(end.value());
end.min(start.value());

startChange彼らは、次のendChange機能を提案しています。

function startChange() {
    var startDate = start.value();

    if (startDate) {
        startDate = new Date(startDate);
        startDate.setDate(startDate.getDate() + 1);
        end.min(startDate);
    }
}

function endChange() {
    var endDate = end.value();

    if (endDate) {
        endDate = new Date(endDate);
        endDate.setDate(endDate.getDate() - 1);
        start.max(endDate);
    }
}
于 2013-01-16T11:49:23.413 に答える
1

デフォルトの方法はありません。changeイベントを使用して、2 つの異なる日付ピッカーの日付を比較し、正しくない場合はユーザーに警告します。valueメソッドを使用する必要がある値を取得することに注意してください。

于 2013-01-16T11:32:52.030 に答える