保持jQuery datetimepicker打开

让我分享我的确切场景。我有两个输入保持jQuery datetimepicker打开

<input type="text" id="dt1" readonly="readonly" /> 
<input type="text" id="dt2" readonly="readonly" />

我已经设置日期选择器像下面

$("#dt1").datepicker({ 
      showOn: "button", 
      buttonImage: "../images/calender.gif", 
      buttonImageOnly: true, 
      changeMonth: true, 
      changeYear: true, 
      onSelect: function (dateText, inst) { 
       $("#dt2").datepicker("show"); 
      } 
     }); 

$("#dt2").datepicker({ 
      showOn: "button", 
      buttonImage: "../images/calender.gif", 
      buttonImageOnly: true, 
      changeMonth: true, 
      changeYear: true, 
      onSelect: function (dateText, inst) { 
       $("#dt1").datepicker("show"); 
      } 
     });

我在做什么是现在，在一个日期选择器，我打开另一个日期选择器的选择。

虽然通过萤火虫检查标记，我发现只有一个datepicker div这是为两个datepicker处理。

所以点击的ImageButton将设置div的display:block;和重点丢失，从那里将设置div的display:none;

所以，问题是，当在一个日期选择器的选择，它会显示另一个日期选择器，但后那onclose事件的第一个datepicker将被调用，将设置datepicker div的display:none。所以第二个日期选择器将不可见。

来源

2013-04-18 Sagar Joshi

什么是“funcrion”？粘贴错误或许？ –

我试图在这里组装一个场景：http://jsfiddle.net/cwcU9/8/但我无法复制。你可以尝试组装一个我们可以访问的场景吗？ –

我添加了从cdn引导，它的作品http://jsfiddle.net/kgpYm/ –

作为一个解决方案，

我打开第一个日期选择器，而不是onSelect的第2日期选择器onClose。

$("#dt1").datepicker({ 
      showOn: "button", 
      buttonImage: "../images/calender.gif", 
      buttonImageOnly: true, 
      changeMonth: true, 
      changeYear: true, 
      onSelect: function (dateText, inst) { 
      }, 
      onClose: function (dateText) { 
       $('#dt2').focus(); 
      } 
     });

现在它工作正常。

来源

2013-04-19 07:51:43

保持jQuery datetimepicker打开

回答

相关问题