2

ユーザーが次の形式など、特定の形式の日付に慣れているアプリケーションがあります ([] はテキストボックスを示します)。

[Month] [Day] [Year] [Time] [AM/PM]

各コンポーネントは個別のテキスト ボックスであるため、これには Kendo UI の DateTimePicker を使用し、JavaScript を使用して選択セットでカスタム テキスト ボックスに値を設定します。その部分は問題ありませんが、API を使用して入力テキスト ボックスをビューから非表示にして、日付と時刻のボタンのみを表示する方法がわかりません。

誰でもそれを行う方法を知っていますか?

4

3 に答える 3

2

それを非表示にする方法の 1 つは、幅 0px、高さ 0px の空の div の下に置き、overflow;"hidden" を設定することです。

また、別のボタンとオンクリックで日付ピッカーをプログラムで開きます。

    <div style="width:0px; height:0px; overflow:hidden;">put datepicker control here</div>​
于 2015-07-29T16:21:27.940 に答える
0

クラス「k-widget k-datepicker k-header」でスパンの幅を 0 に設定します。

編集しました。これが私のアプローチであり、機能しています。

@(Html.Kendo().DatePickerFor(x => Model.Date)
              .Name("date").HtmlAttributes(new { style = "width:0px;" })
              .Events(e => e.Change("onChange")))
于 2014-05-14T20:57:20.713 に答える
0

ユーザーが KendoUI DateTimePicker から日付を選択できるようにする場合は、フォーマットを次のように定義してみてください"MMM dd yy HH tt"。

$("#datepicker").kendoDateTimePicker({
    format: "MMM dd yy HH tt"
});

これにより、選択した日付が目的の形式でフォーマットされます。

ユーザーが入力できないようにするには、次のようにする必要があります。

$("#datepicker").kendoDateTimePicker({
    format: "MMM dd yyyy HH tt"
});
$("#datepicker").attr("disabled", "disabled");

これは次のものとは異なります。

$("#datepicker").kendoDateTimePicker({
    format: "MMM dd yyyy HH tt"
});
$("#datepicker").data("kendoDateTimePicker").enable(false);

これにより、ボタンの使用も無効になるためです。

ここで確認してください：http://jsfiddle.net/OnaBai/AL2FJ/

于 2014-05-15T05:02:58.920 に答える