Question

我有一个从datepicker中选择的日期，还有一个包含时间的下拉列表。

当用户选择时间时，我是否可以用时间覆盖日期选择器？

<asp:TextBox ID="txtDateTime" runat="server" />

<select id="ddlDateTime" runat="server" style="display:none;">
     <option value="09:00">Morning</option> 
     <option value="12:00">Lunch</option> 
 </select>

<script type="text/javascript">
$(document).ready(function () {
    $('#<%=txtDateTime.ClientID%>').datepicker({
        dateFormat: 'dd/mm/yy',
        onSelect: function (date) {

            $('#<%=ddlDateTime.ClientID%>').show();
            $('#<%=ddlDateTime.ClientID%>').change(updateDatePicker);
        }
    });

function updateDatePicker()
    {
        var selectedTime = $(this).val();
        var selectedDate = $('#<%=txtDateTime.ClientID%>').datepicker('getDate');

        //how to combine the date and time together?
    }
});

Answer 1

尝试将它们组合

var selectedTime = $(this).val();
var selectedDate = $('#<%=txtDateTime.ClientID%>').datepicker('getDate');    
date = selectedDate + " " + selectedDate ;

然后将date object设置为日期选择器。

Answer 2

将dateFormat设置为空字符串

$('#<%=txtDateTime.ClientID%>').datetimepicker({
    dateFormat: '',
    timeFormat: 'hh:mm tt'
});

如何解析字符串日期时间？

2 个答案: