1

ここに画像の説明を入力

テキスト ボックスは空である必要があり、カレンダー アイコンをクリックすると、カスタム データからデータ ピッカーがロードされます。たとえば、2020 年 12 月 1 日を設定します。

4

3 に答える 3

1

これがあなたが探しているものだと思います。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.rtl.min.css" />
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.silver.min.css" />
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.mobile.all.min.css" />

    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js"></script>
</head>

<body>

    <input id="datepicker" />
    <script>
        var selectedValue = "";
        $("#datepicker").kendoDatePicker();

        var datepicker = $("#datepicker").data("kendoDatePicker");

        datepicker.bind("change", function (e) {
            selectedValue = this.value();
        });

        datepicker.bind("open", function (e) {
            this.value(new Date("1 December 2020"));
        });

        datepicker.bind("close", function (e) {
            this.value(selectedValue);
        });
    </script>
</body>

</html>

そのためには、次のことを行う必要があります。

  1. DatePicker Open で、日付ピッカーの値を必要な値に設定します

  2. DatePicker Change で、選択した値を変数に保存します。

  3. DatePicker Close で、DatePicker Value を保存された変数に設定します。

これでうまくいくと思います。

于 2016-11-05T07:12:58.763 に答える