kendoTimePicker でやろうとしているのは、午後 11 時 30 分までのすべての時間に 30 分間隔を設定することですが、11 時 30 分以降は午前 12 時までのすべての時間を分間隔で表示します。このコントロールがサポートしているかどうかは不明です。
基本的には、次のようなものを探しています。
午後 10 時 30 分 午後11 時
00分 午後 11 時
30 分午後 11 時
31 分午後 11 時
32 分午後 11 時
33 分
など
質問する
2673 次
2 に答える
2
私が考えられる唯一の方法は、ドロップダウンの時間のリストを手動で変更することです。Kendo<ul>は、ポップアップとして表示される をページに動的に追加するだけなので、自分でリストをクリアして再構築することができます。
何かのようなもの：
<input id="timepicker" />
$("#timepicker").kendoTimePicker();
var listOfTimes = $("#timepicker_timeview");
// remove all existing <li> elements
listOfTimes.empty();
// add the times you want...
listOfTimes.append('<li tabindex="-1" role="option" class="k-item" unselectable="on">12:00 PM</li>');
listOfTimes.append('<li tabindex="-1" role="option" class="k-item" unselectable="on">12:01 PM</li>');
listOfTimes.append('<li tabindex="-1" role="option" class="k-item" unselectable="on">12:02 PM</li>');
// ...etc...
または、完全に入力されたリストから始めて、不要なものを削除します。どちらの方法でも、<ul>jQuery で編集するだけでリストを操作できます。
于 2013-01-31T20:29:44.123 に答える
0
もう 1 つのオプションは、Date オブジェクトとして時間のリストを定義することです。日付オプションを確認してください。各タイムピッカーには timeView プロパティがあり、これは実際には popup 要素です。このオブジェクトには、Date オブジェクトのリストを受け入れる dataBind メソッドがあります。
var timeView = $("#timepicker").data("kendoTimePicker").timeView;
//bind list
timeView.dataBind([new Date()]);
このメソッドを使用して、利用可能な時間のリストを動的に更新できます。
それにもかかわらず、 CodingWithSpikeが提案したように、いつでも UL 要素を変更できます。
于 2013-02-01T14:45:25.523 に答える