javascript - jQuery datepicker 最初打开

Question

我在其中一个日期选择器上遇到问题。日历最初保持打开状态。

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"/>