相同输入字段的jQuery Datepicker和Timepicker会弹出一个接一个

前端之家收集整理的这篇文章主要介绍了相同输入字段的jQuery Datepicker和Timepicker会弹出一个接一个前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个单独的输入字段中的Datepicker和Timepicker,但是我需要将2个字段的输入组合成一个数据库调用.想知道我是否只能为两个控件使用1个输入字段?

首先调用datepicker并且用户将单击所需的日期,并且将输入该值,然后timepicker将在第一个操作中弹出并附加用户选择的日期.

我正在使用jQuery UI DatepickerTimepickr插件

所以我有这样的东西

<input class="datepicker">2009-06-22</input>
<input class="timepicker">12:00:00</input>

但是想要这样的东西

<input class="datetimepicker">2009-06-22 12:00:00</input>

<script type="text/javascript">
// Date and Time picker same input field
$("#datepicker").datepicker( {
   dateFormat: 'yy-mm-dd',onClose: function(dateText,inst) {
      var tempDate = $("#datepicker").val(dateText);
      $("#datepicker").timepickr({
         onClose: function(timeText,inst) {
            var tempTime = $("#datepicker").val(dateText);  
            alert("Temp Time: '" + tempTime.val() + "'");
            $("#datepicker").val(tempDate.val() + ' ' + tempTime.val());
         }  
      });                                   
   }
});             
</script>

解决方法

我想推荐 Any+Time(TM),您可以将单个字段中的日期/时间与单个易于使用(和快速)的日期/时间组合选择器相结合.

猜你在找的jQuery相关文章