twitter-bootstrap - ブートストラップTimepickerの初期化時間の変更

Question

Bootstrap Timepickerで初期化時間を動的に変更するにはどうすればよいですか？

http://jdewit.github.com/bootstrap-timepicker/

助けてくれてありがとう！

Answer 1

時間 (デフォルトの時間) を使用したくない場合currentは、初期化のオプションを使用できます。

$('someSelector').timepicker({defaultTime: '11:42 PM'});

または、入力の値属性を使用できます (これにより、複数のタイム ピッカーの初期化が簡素化されます)。

<input type="text" class="myClass input-small" value="12:42 PM">

$('.myClass').timepicker({defaultTime: 'value'});

デモ (jsfiddle)

Answer 2

私はタイムピッカーの作者です。

デフォルト時間の「value」オプションは非推奨になりました。デフォルトの時間を特定の値に設定するには、さまざまな方法があります

値属性を設定します

<div class="bootstrap-timepicker">
    <input id="timepicker" type="text" value="12:45 AM"/>
</div>

または、データ属性を設定して、構成オプションをオーバーライドします

<div class="bootstrap-timepicker">
    <input id="timepicker" type="text" data-default-value="12:45 AM"/>
</div>

またはinitで

$('#timepicker').timepicker({
    defaultValue: '12:45 AM'
});

またはsetTimeメソッドを呼び出します

$('#timepicker').timepicker();
$('#timepicker').timepicker('setTime', '12:45');  

問題がある場合は、githubで問題を開いてください。

Answer 3

解決策は次のとおりです。

var time = '@Model.MarketTime.ToString("h:mm tt")'

        $('#timepicker-default').timepicker('setTime', time);

Answer 4

<div class="input-append bootstrap-timepicker span8"><input id="timeinput" type="text" class="timepicker-2 input-small" value="current"><span class="add-on"><i class="icon-time"></i></span></div>

それは私のために働きます...