フォーカスだけでなく、常にbootstrap-datepickerを表示する

Question

私は、bootstrap-datepickerライブラリを使って、ユーザーに日付を選択させるための日付ピッカーを作成しています。私は常には、ユーザーが入力フィールドやボタンをクリックしたときだけでなく、ピッカーを表示したいと思います。

どうすればいいですか？私はそれがどのように使われるか熟知していないですので、私はこの日付ピッカーを使用していない

Answer 1

まず、ライブラリのthe latest version（現在は1.2.0）を使用していることを確認してください。 eyeconによるoriginal versionは、文書化されていません。あなたが望むことができるかどうかはわかりません。

問題を解決するにはいくつかの方法があります。

1. がembedded/inline datepickerを作成し、それにchangeDateハンドラを追加：あなたが好むこれらのいずれかを使用します。 e.formatは、ドキュメントのeventsページに記述便利な方法であり、それがここにあると呼び出されたときにことを

   $("#my-datepicker").datepicker().on('changeDate', function (e) { 
       $("#my-input").text(e.format()); 
   }); 
   

   注：あなたは

   <input id="my-input"> 
   <div id="my-datepicker"></div> 
   

   のようなものだHTMLと次のJavaScriptをお勧めします日付ピッカーのformat stringに従ってフォーマットされた選択された日付を表す文字列を返します。

   このアプローチをとる場合は、独自のCSSを使用して日付ピッカーを適切に配置する必要があります。ここで

   この動作を実証JSFiddleだ：http://jsfiddle.net/4wFJc/3/

2. は、明示的に作成時にそれを示し、通常のinput datepickerを使用し、それが隠されることはありませんできるように、無操作で日付ピッカーのhide()方法を交換してください。

   言うまでもなく、これはライブラリの将来のバージョンでうまく機能しなくなるかもしれない醜いハックです。私はそれを使用することをお勧めしません。あなたが日付ピッカーをあなたのために配置し、それをあなたの<input>に接続する矢印を含むインラインブロックアプローチよりも（疑わしい）利点があるので、私はそれを完全性のために含めます。

   <input id="my-input"> 
   

   と次のJavaScript：

   $input = $("#my-input"); 
   $input.datepicker(); 
   $input.data('datepicker').hide = function() {}; 
   $input.datepicker('show'); 
   

   ここ

   JSFiddleはアクションで、このアプローチを実証ます：少なくともとhttp://jsfiddle.net/4wFJc/4/

Answer 2

。クイックで汚い方法は、日付ピッカーのドロップダウンメニュークラス.datepicker.CLASSNAME {display: block !important;}を与えることです。 この方法では、ドロップダウンが常に表示されます。

Answer 3

あなたはこの日付ピッカーを使用している場合：http://www.eyecon.ro/bootstrap-datepicker/

をあなたが見ることができる方法があります：.datepicker（ 'ショー'）日付ピッカーオブジェクト上

コールこれをあなたの$（ドキュメント）.ready（）