datepickerを表示させるには2回クリックする必要があります

Question

datepickerを示すjqueryコードを作成しましたが、それは完全に機能しますが、datepickerを外出させるためには2回テキストボックスをクリックする必要があります。私は$(document).ready(function()を使用してtridしかし、私はdoesnt仕事。だから私はこのコードを作った

私はそれをユーザーがテキストボックスを1回クリックするとどのように変更することができます、カレンダーは1回のクリックで表示されます。ありがとう！

私が正しく理解していた場合は、クリックイベントが組み込まれているようですけれども、私は日付ピッカーを使用したことがありません

Answer 1

：

ここで私はフォークとの両方の既存の上にテストする変形例とダイナミック（作成）があります要素： http://jsfiddle.net/julienetienne/shzwaL7v/1/

var dynamicElement = document.createElement('input'); 
var body = document.getElementsByTagName('result')[0]; 

dynamicElement.id = 'input3'; 
dynamicElement.type ='text'; 
document.body.insertBefore(dynamicElement,$('#input2').get(0)); 

$('#input1').datepicker({ 
    dateFormat: 'dd-mm-yy' 
}); 

$('#input2').datepicker({ 
    dateFormat: 'dd-mm-yy' 
}); 

$(dynamicElement).datepicker({ 
    dateFormat: 'dd-mm-yy' 
}); 



<input id="input1" type="text" /> 
<input id="input2" type="text" /> 

document.ready使用する理由（）または.live（があるべきではありません）。ページロード後にコードが実行されている限り、コードは機能するはずです。

Answer 2

それは、このサンプルのブートストラップ日付ピッカー