jQuery UI DatePicker 没有设置 TextBoxFor 的值

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>