jQuery datepickerが最初に開かれました

Question

datepickersのいずれかに問題があります。カレンダーは最初は開いたままです。

Hereは、コードペンの例です。問題は最初に開いている最初のdatepickerでのみ発生します。すべての日付ピッカーを最初に閉鎖したいと思います。スニペットは以下のとおりです。

$(function(){ 
 
    
 
    
 
    $("#inputTest").datepicker({ dateFormat: "dd.mm.yy", regional: "sl" }).datepicker("setDate",new Date()); 
 
    
 
    $("#inputTest1").datepicker({ dateFormat: "dd.mm.yy", regional: "sl" }).datepicker("setDate",new Date()); 
 
    
 
    $("#inputTest2").datepicker({ dateFormat: "dd.mm.yy", regional: "sl" }).datepicker("setDate",new Date()); 
 
    
 
    $("#inputTest").blur(); 
 
    
 
    
 
    
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<button>Test</button> 
 

 
<br/> 
 
<label id="lblDate"></label> 
 

 
<input type="text" id="inputTest"/> 
 

 

 
<input type="text" id="inputTest1"/> 
 

 
<input type="text" id="inputTest2"/>

Answer 1

初期ローディングカレンダーを非表示に出願された入力からフォーカスを削除し、日付ピッカーボックス

$("#inputTest").blur(); 
    $('#ui-datepicker-div').hide(); 

$(function(){ 
 
    
 
    
 
    $("#inputTest").datepicker({ dateFormat: "dd.mm.yy", regional: "sl" }).datepicker("setDate",new Date()); 
 
    
 
    $("#inputTest1").datepicker({ dateFormat: "dd.mm.yy", regional: "sl" }).datepicker("setDate",new Date()); 
 
    
 
    $("#inputTest2").datepicker({ dateFormat: "dd.mm.yy", regional: "sl" }).datepicker("setDate",new Date()); 
 
    
 
    $("#inputTest").blur(); 
 
    $('#ui-datepicker-div').hide(); 
 
    
 
    
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<button>Test</button> 
 

 
<br/> 
 
<label id="lblDate"></label> 
 

 
<input type="text" id="inputTest"/> 
 

 

 
<input type="text" id="inputTest1"/> 
 

 
<input type="text" id="inputTest2"/>

Answer 2

を隠します状態。

$("#ui-datepicker-div").hide(); 

すべてのカレンダーが初期化された後、上記の行を挿入します。