ASP.NET MVC 4編輯器模板和jQuery Datepicker

Question

我在我的ASP.NET MVC4 Web應用程序中使用jQuery日期選擇器。我也使用我的日期時間數據類型的編輯器模板。

我的編輯模板看起來是這樣的：

<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，你可以簡單地去：

$(".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()}); 

玩一玩。