Question

datepickers有一个问题。日历最初保持打开状态。

Here是代码笔的示例。问题仅在于第一个datepicker，它最初保持打开状态。我想最初关闭所有的datepickers。片段在下面。

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

从输入字段中删除焦点并隐藏datepicker框

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

隐藏document.ready州的初始加载日历。

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

在所有日历初始化后放置上面一行。

jQuery datepicker最初打开

2 个答案: