我正在尝试将datapicker添加到我的项目中。我遵循了一个教程。
我已将以下代码添加到datepickerready.js文件:
$(function () {
$(".datefield").datepicker();
});
我在视图 shared_layout.cshtml文件中添加了以下代码。
<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>
我已将其添加到视图 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" })
}
但是,当我聚焦/单击文本框时,它无能为力。日历未出现。我也没有遇到任何错误。
有任何线索?
首先确保您包含了所有脚本,从您发布的脚本中,我没有看到jquery.js,还请确保确实可以使用这些脚本。/p>
使用Firebug,并在单击DateTime Textbox时找出是否遇到任何控制台错误。
接下来检查该类是否已连接到HTML文本框输入和jQuery调用,请验证这些。
这是在ASP.NET MVC中使用datePicker的简单逐步指南3:jQuery Date Picker介绍ASP.NET MVC
我很想知道DatePickerReady.js
做什么?