jquery - ASP.NET MVC 4 编辑器模板和 jQuery Datepicker

Question

我在我的 ASP.NET MVC4 Web 应用程序中使用 jquery datepicker。我还在为我的日期时间数据类型使用编辑器模板。

我的编辑器模板如下所示：

<input type="text" name="@ViewData.ModelMetadata.PropertyName" class="date" value='@(((DateTime)Model).ToShortDateString())' />

我的 jquery 日期选择器代码：

$(document).ready(function() {
    $(".date").datepicker();
})

我遇到的问题是，当我从数据库加载日期时，日期选择器会突出显示今天的日期而不是文本框中的日期。如何让日期选择器突出显示我加载到文本框中的日期？

Answer 1

$(".date").datepicker({defaultDate: "@(((DateTime)Model).ToShortDateString()"});

当然，如果你在编辑器模板的顶部设置了@model DateTime，你可以简单地去：

$(".date").datepicker({defaultDate: "@Model.ToShortDateString()"});

或者实际上，甚至可能像这样动态地 - 注意 id 属性：

<input type="text" id="@ViewData.ModelMetadata.PropertyName" name="@ViewData.ModelMetadata.PropertyName" class="date" value='@(((DateTime)Model).ToShortDateString())' />

$(".date").datepicker({defaultDate: $("#@ViewData.ModelMetadata.PropertyName").val()});

玩一玩。