6

こんにちは、私は剣道テンプレートを持っています。そのテンプレートには、日時ピッカーを備えた以下のようなテキストボックスが含まれています。

<script id="popup_editor" type="text/x-kendo-template">
    <input data-role="datepicker" data-bind="value: datePickerValue" />
</script>

今、これに最小値を設定したいと思います。つまり、今日より前の日を選択することを許可したくありません。

例はありますか？

4

4 に答える 4

6

これを試して

var myDatePicker = $("#myDatePicker").kendoDatePicker().data("kendoDatePicker");
var today = new Date();
var day = today.getDate();
var month = today.getMonth() + 1;
var year = today.getFullYear();
myDatePicker.min(new Date(year,month,day));
于 2013-07-25T19:13:42.177 に答える
3

通常、ここでいくつかの JavaScript を実行できます。

var myDatePicker = $("#date").kendoDatePicker().data("kendoDatePicker");
myDatePicker.min(new Date());

ただし、テンプレート内でそのように機能するかどうかはわかりません。多分それは始まりです。

于 2013-07-25T07:06:53.947 に答える
2

最近、似たようなものを実装する必要がありましたが、これを行う簡単な方法を見つけました。これは遅すぎることに気づきましたが、調査中にこの質問を見つけました。

以下があなたのテンプレートだとしましょう: (簡潔にするために簡略化しています)

    <div class="k-block k-shadow">
        <p>Contract Start Date: </p>
        <input type="text"  tabindex="7"
            class="k-input k-textbox"
            name="Contract_Start_Date"
            id="Contract_Start_Date"
            data-bind="value:Contract_Start_Date"
            data-format="MMMM yyyy"
            data-start="year"
            data-depth="year"
            data-change="setContractMinEnd"
            data-role="datepicker" />
    </div>
    <div class="k-block k-shadow">
        <p>Contract End Date: </p>
        <input type="text"  tabindex="8"
            class="k-input k-textbox"
            name="Contract_End_Date"
            id="Contract_End_Date"
            data-bind="value:Contract_End_Date"
            data-format="MMMM yyyy"
            data-start="year"
            data-depth="year"
            data-role="datepicker" />
    </div>

以下の Contract_Start_Date フィールドのコードは、JS 関数をそのフィールドの「Change」イベントに割り当てます。

data-change: setContractMinEnd

上記の関数をスクリプト ブロックに追加して、ページを表示しました。そして今、開始日が変更されるたびに、終了日は開始日である最小値を取得します:

function setContractMinEnd() {
    var edval = $('#Contract_Start_Date').data("kendoDatePicker");
    var sdval = $('#Contract_End_Date').data("kendoDatePicker");
    if (sdval && edval) {                        
        edval.min(sdval.value());
    }
}

あなたは明らかにそのロジックに夢中になり、以下または何かをその効果に設定することができます:

 edval.min(new Date())

それが誰かを助けることを願っています...

于 2014-08-29T15:51:10.243 に答える