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

Question

我在2个单独的输入字段中有一个Datepicker和一个Timepicker,但我需要将2个字段输入组合成一个用于数据库调用.想知道我是否只能为两个控件使用1个输入字段？

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

我正在使用jQuery UI Datepicker和Timepickr插件

所以我有这样的事情

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

Answer 1

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

Answer 2

这是一个替代方案：

http://www.r-ip.ru/dev/datetimepicker/index.html

$('#datetimepicker').datetimepicker({ 
  dateFormat: 'yy-mm-dd',
  timeFormat: ' hh:ii:ss' 
});