Question

我正在尝试将datapicker添加到我的项目中。我已经按照教程。

我已将以下代码添加到DatePickerReady.js文件中：

$(function () {
    $(".datefield").datepicker(); 
});

我在Views \ Shared_Layout.cshtml文件的head元素底部添加了以下代码。

<link href="@Url.Content("~/Content/themes/base/jquery.ui.core.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery.ui.datepicker.css")" rel="stylesheet"  type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery.ui.core.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.ui.datepicker.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/DatePickerReady.js")" type="text/javascript"></script>

我已将此添加到Views \ Home \ Index.cshtml

@model Nullable<DateTime>

 @{
    string dts ="";
    if (Model != null)
    {
        dts = ((DateTime)Model).ToShortDateString();

    }
    @Html.TextBox("start", String.Format("{0:d}", dts), new { @class = "datefield", type = "date"  })
}

但是当我关注/点击文本框时，它什么也没做。日历不会出现。我也没有收到任何错误。

有任何线索吗？

Answer 1

首先确保你已经包含了所有脚本，从你发布的脚本中我没有看到jquery.js，同时确保这些脚本确实可用，即检查其路径。

使用firebug并查看在单击dateTime文本框时是否收到任何控制台错误。

接下来检查该类是否附加到html文本框输入并且还进行了jquery调用，验证这些。

以下是在ASP.NET MVC 3中使用Datepicker的简单分步指南：Introduction to jquery Date Picker in ASP.NET MVC

我很想知道DatePickerReady.js做了什么？

Datepicker - 没有反应

1 个答案: