Meteorで動作するように、どのようにしてtwitter bootstrap datepickerを入手できますか？

Question

私はむしろファイルのバージョンよりもむしろBootstrapのMeteorパッケージの実装を使用したいと思いますが、私はdatepickerを動作させるのに大変時間がかかります。

さまざまな状態の3つのバージョンがあり、最後のバージョンはAymkdnによってコンパイルされています。 Aymkdnによって

http://www.eyecon.ro/bootstrap-datepicker/

https://github.com/eternicode/bootstrap-datepicker/

https://github.com/Aymkdn/Datepicker-for-Bootstrap

バージョンは、プレーンバニラHTMLで正常に動作しますが、流星から提供し、私はhelluva時間理由を考え出すを持っていません。

メテオでAymkdnを使用したいのですが、動作させることができません。 Meteorのjs読み込み順序またはDOMレンダリングのいずれかと関係していると思います。どのように私はこれを動作させることができますか？

おかげ Steeve

Answer 1

おそらくこのアプローチはこの質問が最初に投稿されたときには利用できませんでしたが、テンプレートがレンダリングされるときにdatepickerを初期化しています。ここで

Template.templateName.rendered = function() { 
    $('#datepicker').datepicker(); 
} 

は、イベントへのリンクです：この方法でhttp://docs.meteor.com/#template_rendered

、私はセッションのプロパティを維持するか、フォーカスイベントを処理していません。テンプレートがアンロードされ、セッションプロパティがトリガーされてから戻ってきたとき、Prashantのソリューションは私のためには機能しませんでした。私はまた、データピッカーが最初に焦点を当てたときに表示されないという問題もありました。

はい、テンプレートがレンダリングされるたびにデータピッカーが初期化されますが、間違いなくテンプレートリソースがクリーンアップされているので、大丈夫です。

Answer 2

日付ピッカーを動作させるために、これは私はあなたが使用していることを、$(document).ready()アプローチを推測しています、私が何をしたか

// At the beginning of the script 
Session.set("datepicker_unset", 1); 

Template.template_name.events = { 
    'focus #date-id' : function(event) { 
     if (Session.get("datepicker_unset")) { 
      $(event.target).datepicker(); 
      Session.set("datepicker_unset", 0); 
     } 
     // Anything else on #date-id focus? 
    }, 
    // Any other events here 
} 

です。私はあまりにも、私のために働かなかったので、私はこれが最良の解決策であると考えました。

これはあなたにも役立ちます。