不能使用jQuery的日期選擇器和剃刀視圖

我正在處理ASP.NET MVC 4應用程序。在我的一個表單中（使用Razor視圖引擎），我想使用帶日期字段的jQuery日期選擇器。 但我的日期選擇器代碼不起作用。不能使用jQuery的日期選擇器和剃刀視圖

查看/共享/ _Layout.cshtml

<head> 
    <meta charset="utf-8" /> 
    <title>@ViewBag.Title - My ASP.NET MVC Application</title> 
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
    <meta name="viewport" content="width=device-width" /> 
    @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
</head>

查看/ myController的/ Create.cshtml

@model wppf_test_1.Models.allocation_percentage 

@{ 
    ViewBag.Title = "Create"; 
} 

<script type="text/javascript"> 

$(document).ready(function() { 

    alert("h"); 
    $("#date").datepicker(); 

}); 

</script> 

<h2>Create</h2> 

@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 

<fieldset> 
    <div class="editor-label"> 
     @Html.LabelFor(model => model.date) 
    </div> 
    <div class="editor-field"> 
     @Html.EditorFor(model => model.date) 
     @Html.ValidationMessageFor(model => model.date) 
    </div>

我沒有張貼視圖的完整代碼，因爲它是非常大的。 jquery代碼中的警報消息有效。但datepicker代碼沒有。我使用了螢火蟲並驗證日期字段的ID確實是「日期」。但我不知道問題是什麼。

來源

2013-03-30 Shuaib

添加datepiquer.js jquery，在你的頭上不會出現 –

，但jqueryui.com中顯示的示例代碼不包含datepicker.js – Shuaib

我會建議使用一個輸入元素，像這樣：

<div class="editor-field"> 
    <input type="text" name="date" id="date" /> 
    @Html.ValidationMessageFor(model => model.date) 
</div>

的編輯爲您的日期。將名稱設置爲日期將正確地將該值鏈接到表單提交中的日期字段。我之前就遇到過這個問題，這就是我解決這個問題的方法，儘管我無法確定它爲什麼會起作用。

來源

2013-04-01 03:54:57 TudyTech

我有像Shuaib一樣的情況，我嘗試你的建議上面，我可以在我的項目（create.cshtml）日期選擇器。

<input type="text" name="CreatedDate" id="date" />

但是，我在我的項目（create.cshtml）再有更多的輸入元素。我嘗試使用下面的相同id（id =「date」）。

<input type="text" name="UpdatedDate" id="date" />

我運行的應用程序，我的第二個輸入元素上日期選擇器（名稱=「UpdatedDate）無法正常工作。我得到警告通知此頁面上的另一個目的是已經使用ID‘日期’。

這是什麼方法（呼叫ID日期選擇器）只能在網頁上使用一個輸入元素（不）？

謝謝你的建議，歡呼

來源

2014-09-16 09:41:15 kikiwisaka

不能使用jQuery的日期選擇器和剃刀視圖

回答

相關問題