jQuery UI DatePicker没有设置TextBox的值

Question

我在我的MVC应用程序中在HtmlTextBoxFor上添加了jQueryUI DatePicker。以下是我的代码。现在，当我调试时，日期在create事件中显示01/01/2001 12:00:00，而不是所选日期。

<!-- JoinDate --> 
<div class="form-group"> 
    <div class="editor-label"> 
     @Html.LabelFor(model => model.JoinDate, new { @class = "col-sm-2 control-label" }) 
</div> 
<div class="editor-field"> 
    @Html.TextBoxFor(model => model.JoinDate, new { @class = "form-control", @id = "datepicker" }) 
    @Html.ValidationMessageFor(model => model.JoinDate) 
</div> 

<script src="~/Content/js/jquery.js"></script> 
<script src="~/Scripts/jquery-ui-1.11.4.min.js"></script> 

<script> 
$(function() { 
    $("#datepicker").datepicker(); 
}); 

Answer 1

嗯，我找到了解决这个。我添加了一个input并将它分配给jQueryUI datepicker。现在onSelect事件，它只是将值设置为TextBoxfor。请参阅下面的代码。

<script> 
$(function() { 
    $("#datepicker").datepicker(); 
}); 

<script> 
$('#datepicker').datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "dd-mm-yy", 
    constrainInput: true, 
    defaultDate: new Date(1975, 1 - 1, 1), 
    yearRange: "2000:2025", 
    onSelect: function() { 
     alert($('#datepicker').val()); 
     $('#joindate').val($('#datepicker').val()); 
    } 
}); 
</script> 

<!-- JoinDate --> 
         <div class="form-group"> 
          <div class="editor-label"> 
           @Html.LabelFor(model => model.JoinDate, new { @class = "col-sm-2 control-label" }) 
          </div> 
          <div class="editor-field"> 
           <input type="text" id="datepicker" onchange="onDateChange()"/> 
           @Html.TextBoxFor(model => model.JoinDate, new { @class = "form-control", @id="joindate" }) 
           @Html.ValidationMessageFor(model => model.JoinDate) 
          </div> 
         </div>