在MVC 4中使用jquery datepicker

Question

我正在嘗試使用jQuery的datepicker，但收效甚微。 這是相關的代碼：問題是我沒有讓jQuery的datepicker顯示。 該頁面呈現帶有文本類型的輸入標簽。 它顯示正確的值。 但是，當我單擊它時，不會顯示“日期時間”選擇器。 模型：

    public class Book
{
    public int Id { get; set; }

    public string Title { get; set; }

    public string Author { get; set; }

    public string MediaPath { get; set; }

    public int Rating { get; set; }

    [DataType(DataType.Date)]
    public DateTime PublicationDate { get; set; }

}

查看摘要：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.20/jquery-ui.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $('.date').datepicker();         
    });
</script>

....

@Html.TextBox("PublicationDate", Model.PublicationDate.ToString("yyyy"), new { @class = "date" })

Answer 1

http://forums.asp.net/post/5289561.aspx

我也有同樣的問題..但是我嘗試了這個，對我來說很好。

1. 打開BundleConfig.cs並按如下所示修改樣式包“〜/ Content / themes / base / css”：

    bundles.Add(new StyleBundle("~/Content/themes/base/css").Include( "~/Content/themes/base/jquery-ui.css", "~/Content/themes/base/jquery-ui.all.css")); 

2. 打開_layout.cs並將以下內容添加到

    @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryui") @Styles.Render("~/Content/themes/base/css") @RenderSection("scripts", required: false) 

3. 最后，要測試您的視圖，請打開index.cshtml並將其添加到最后

    <p>Date: <input type="text" id="txtDate" class="datefield" /> </p> @section Scripts{ @*@Scripts.Render("~/bundles/jqueryval")*@ <script type="text/javascript"> $(document).ready(function () { $(".datefield").datepicker(); }); </script> }