MVC4 JQuery的日期選擇器，從輸入框拍攝日期

有沒有人使用jQuery UI的日期選擇用剃刀@Html.TextBoxFor(...)MVC4 JQuery的日期選擇器，從輸入框拍攝日期

我想允許用戶使用剃刀標記生成一個文本框，選擇日期，點擊後會顯示日期選擇器得到的經驗來自jQuery UI。我不確定是否使用：

@using (Html.BeginForm("New","Order")) 
{ 
    @Html.AntiForgeryToken() 
    @Html.ValidationSummary() 

    <fieldset> 
    @Html.LabelFor(m => m.OrderInfo.installdate) 
    @Html.TextBoxFor(m => m.OrderInfo.installdate, new {@id="dp"}) 
    </fieldset> 
} 

<script type="text/javascript"> 
$(document).ready(function() { 

     $("#dp").datepicker(); 
    }); 
</script> 

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui")

按此順序冉，無論重新排列，無法顯示日期選擇器。

這甚至可以這樣做嗎？

來源

2014-01-06 lzc

你是否也包括在內的jQuery（不只是jQueryUI的）？ – Jasen

jquery包括在我的佈局的底部我已經更新了命令 – lzc

該命令應該是1）jquery，2）jquery-ui，3）你的腳本 – Jasen

確保你已經綁定的資源

bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"); 
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include("~/Scripts/jquery-ui-{version}.js"); 
bundles.Add(new StyleBundle("~/bundles/themes/base").Include(
    "~/content/themes/base/jquery.ui.core.css", 
    "~/Content/themes/base/jquery.ui.datepicker.css", 
    ... 
);

包括他們在正確的順序

Layout.cshtml

<html> 
<head> 
    @Styles.Render("~/bundles/themes/base") 
</head> 
<body> 
    @RenderBody() 
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/jqueryui") 
    @RenderSection("page_scripts", required: false) 
</body>

現在查看......因爲劇本被列入在佈局上，視圖不需要它。

@Html.TextBoxFor(m => m.installdate, new { @id="dp" }) 

@section page_scripts { 
    <script> 
     $(document).ready(function() { 
      $("#dp").datepicker({ ... }); 
     }); 
    </script> 
}

如果沒有它的佈局還是不要再使用一個

@Html.TextBoxFor(m => m.installdate, new { @id="dp" }) 

@Styles.Render("~/bundles/themes/base") 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui") 
<script> 
    $(document).ready(function() { 
     $("#dp").datepicker({ ... }); 
    }); 
</script>

來源

2014-01-07 00:00:55 Jasen

MVC4 JQuery的日期選擇器，從輸入框拍攝日期

回答

相關問題