jQuery datepicker最初打开

Question

我在datepickers之一有问题。日历最初保持打开。

Here是代码笔上的示例。问题只在第一个日期选择器，它始终保持打开状态。我想最初关闭所有日期选择器。片段在下面。

$(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(); 

在所有日历已初始化之后放置上面的行。