javascript - ブートストラップの日付選択ボタンの作り方

Question

タイトルが示すように、ユーザーがボタンをクリックすると表示されるブートストラップの日付ピッカーを作成したいと思います。私は2日間丸ごとチュートリアルを探していましたが、入力のある日付ピッカーのチュートリアルしか見つかりませんでした。それが可能であることを示す唯一のサイトはこれです。 残念ながら、そのコードは示されていません。それが私がここにいる理由です。皆さんが私の絶望から私を助けてくれることを願っています:)

Answer 1

これは、上記でリンクしたBootstrap Datepicker Web サイトから抽出され、ボタンのようなリンク要素の代わりにボタンを使用するように適合されています: http://jsfiddle.net/VchBF/

HTML:

<button class="btn small" id="button" data-date-format="yyyy-mm-dd" data-date="2012-02-20">Your Date Picker</button>

JS:

$('#button').datepicker()
.on('changeDate', function(ev){
    $('#button').datepicker('hide');
    alert(ev.date.valueOf());
});

Answer 2

入力のマークアップを定義するだけです..

<div class="container">
<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
  <input class="span2" size="16" type="text" value="12-02-2012" id="myDate">
  <span class="add-on"><i class="icon-th"></i></span>
</div>
</div>

次に、jQuery を使用して、入力で日時ピッカーを使用します。

$('#myDate').datepicker();

これが実際の例です: http://bootply.com/86820