我有一个日期选择器和一个时间选择器,分别在两个不同的输入框中,但我需要将这两个输入框的值合并为一个值以便于数据库调用。我想知道是否可以只使用一个输入框来控制这两个功能?
首先调用日期选择器,用户会点击所需的日期并输入其值,然后时间选择器弹出并附加在第一次操作中用户选择的日期。
我正在使用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>