Question

我使用复数视频做了这个例子，但日期选择器没有出现。

第一。我创建了模板。

@model System.DateTime?
@Html.TextBox("",ViewData.TemplateInfo.FormattedModelValue,new {
    data_datepicker = true
});

第二。我在.js文件中创建了这行

$(document).ready(function () {
    $(":input[data-datepicker]").datepicker();
}

这应该是根据视频使它工作的全部。

我当然还包括jquery文件

> <script src="@Url.Content("~/Scripts/jquery.validate.min.js")"
> type="text/javascript"></script> <script
> src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"
> type="text/javascript"></script> <script
> src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")"
> type="text/javascript"></script> <script
> src="@Url.Content("~/Scripts/HR.js")" type="text/javascript"></script>

完整的结果html（恢复）似乎很好：

<html><head>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js" type="text/javascript"></script>
</head>
<body> 

<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<script src="/Scripts/HR.js" type="text/javascript"></script>



<form action="/ApplicantPosition/Create" enctype="multipart/form-data" method="post">    <fieldset>
      <div class="editor-label">
            <label for="appliedDate">Date applied</label>
        </div>

        <div class="editor-field">
            <input data-datepicker="True" data-val="true" data-val-required="Applied date is required" id="appliedDate" name="appliedDate" type="text" value="" />;

</body>

</html>

Answer 1

您没有关闭文档就绪功能。试试这样：

$(document).ready(function () {
    $(":input[data-datepicker]").datepicker();
});

请注意我的脚本末尾的其他);，这是您的遗失。

Answer 2

我认为你应该这样做：

$("input[data-datepicker='True']").datepicker();

如果您使用的是attribute equals selector 我会这样做：

$("input#appliedDate").datepicker();

编辑 - 函数中的错误（您忘记了结束);）

$(document).ready(function () {
    $("input#appliedDate").datepicker();
});

asp.net mvc日期选择器无法正常工作

2 个答案: