Jquery ui 无法将jquery日期选择器与Razor视图一起使用_Jquery Ui_Razor_Asp.net Mvc 4

Jquery ui 无法将jquery日期选择器与Razor视图一起使用

jquery-ui razor asp.net-mvc-4

Jquery ui 无法将jquery日期选择器与Razor视图一起使用,jquery-ui,razor,asp.net-mvc-4,Jquery Ui,Razor,Asp.net Mvc 4,我正在开发一个ASP.NETMVC4应用程序。在我的一个表单中（使用Razor视图引擎），我想使用带有日期字段的jquery日期选择器但我的日期选择器代码不起作用。视图/Shared/_Layout.cshtml <head> <meta charset="utf-8" /> <title>@ViewBag.Title - My ASP.NET MVC Application</title> <link href="

我正在开发一个ASP.NETMVC4应用程序。在我的一个表单中（使用Razor视图引擎），我想使用带有日期字段的jquery日期选择器但我的日期选择器代码不起作用。

视图/Shared/_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>


@Title-我的ASP.NET MVC应用程序
@style.Render（“~/Content/css”）
@Scripts.Render（“~/bundles/modernizer”）

视图/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>

@model wppf\u test\u 1.Models.allocation\u百分比
@{
ViewBag.Title=“创建”；
}
$（文档）.ready（函数（）{
警报（“h”）；
$（“#日期”）.datepicker（）；
});
创造
@使用（Html.BeginForm（））{
@Html.ValidationSummary（true）
@LabelFor（model=>model.date）
@EditorFor（model=>model.date）
@Html.ValidationMessageFor（model=>model.date）

我没有发布视图的全部代码，因为它非常大。jquery代码中的警报消息有效。但日期选择器代码无效。我使用了firebug并验证了日期字段的id确实是“date”。但我不知道问题出在哪里。

我建议使用如下输入元素：

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


@Html.ValidationMessageFor（model=>model.date）

作为您日期的编辑器。将名称设置为date将正确地将值链接到表单提交上的日期字段。我以前遇到过这个问题，这就是我解决它的方法，尽管我不能确定它为什么起作用。

我有与Shuaib相同的案例，我尝试了上面的建议，我可以在我的项目上选择日期（create.cshtml）

但是，我的项目（create.cshtml）中还有更多的输入元素，我尝试使用与下面相同的id（id=“date”）

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

当我运行应用程序时，我的第二个输入元素（name=“updateDate”）上的日期选择器无法工作。我收到一条警告消息，该页面上的另一个对象已使用ID“date”

这个方法是什么（调用id datepicker）只能在页面上使用一个输入元素（而不是更多）

谢谢你的建议，

干杯

添加datepiquery.js jquery，在您的脑海中不会出现，但是jqueryui.com中显示的示例代码不包括datepicker.js

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