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>