0

日付ボックスプラグインの日付を設定するために以下を使用しています

<input data-id="ti_datebox" type="date" data-role="datebox" data-options='{"useInline":true, "noSetButton":true}'>

$ti_datebox.trigger('datebox', {'method':'set', 'value': theDateStr, 'date':theDate})

ただし、同じコードで時刻を設定することはできません。

<input data-id="ti_datebox" type="date" data-role="datebox" data-options='{"useInline":true, "noSetButton":true, "mode": "timebox"}'>

$ti_datebox.trigger('datebox', {'method':'set', 'value': theDateStr, 'date':theDate});

理想的には、実際の日付オブジェクトではなく、いくつかの文字列値に基づいて時刻を設定したいと思います。これは可能ですか？そうでない場合、どうすれば時間を設定できますか？どんな助けでも大歓迎です。

4

3 に答える 3

3

実際には作成するよりも簡単です.DateBoxには「set」メソッドもあり、文字列を値として受け取ります(発生したときに出力されるのと同じ形式で)。日付オブジェクトも送信する必要はありません。その作成を処理します。

したがって、次のようになります。

// For 12hr clock
$('datebox element').trigger('datebox', {'method':'set', 'value':'08:00 AM'});

// For 24hr clock
$('datebox element').trigger('datebox', {'method':'set', 'value':'08:00'});

実際の例は次のとおりです。

http://jsfiddle.net/jtsage/AbVqh/1/

fwiw、何らかの理由でさらに制御が必要な場合、set メソッドが実際に行うことは、入力ボックスの値を変更し、「refresh」メソッドを呼び出すことだけです。これにより、入力が再読み取りされます。

于 2012-02-14T19:51:41.837 に答える
2

私はあなたがこれを探していると思います：

$('input[data-id="ti_datebox"]').trigger('datebox', {'method':'set','value':"08:00"});

それが役立つかどうか教えてください。

于 2012-02-14T15:24:07.993 に答える
1

デモサイトのサンプルはこちら

時間デフォルト

<label for="mydate">Some Time</label>

<input name="mydate" id="mydate" type="date" data-role="datebox"
   data-options='{"mode": "timebox"}'>

12時間時計モード

<label for="mydate">Some Time</label>

<input name="mydate" id="mydate" type="date" data-role="datebox"
   data-options='{"mode": "timebox", "timeFormatOverride": 12}'>
于 2012-02-14T14:47:12.940 に答える