Question

我无法让日期时间选择器工作。

在布局部分我有

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

在我看来：

@{
    ViewBag.Title = "Insert Task";
    <script type="text/javascript">
        $('#ActionDateTime').datetimepicker();
    </script>
}

这是我的字段

@Html.Label("Action Date") @Html.TextBox("ActionDateTime")

修改

因此，在应用更改后页面源现在看起来像这样：在头部我有:(这是正确链接，点击链接打开js文件）

<script src="/Scripts/jquery-ui-timepicker-addon.js" type="text/javascript"></script>

和我的身体：

    <input id="ActionDateTime" name="ActionDateTime" type="text" value="" />
    <script type="text/javascript">
        $(document).ready(function () {

            $('#ActionDateTime').datetimepicker();


        });

    </script>

仍然无法正常工作。

Answer 1

我可以看到你已经包含了jQuery脚本，但你是否也包含了DateTimePicker插件的脚本？

通过Google搜索，this似乎是您尝试使用的插件，因此您需要从那里下载JS，然后在当前的jQuery脚本行下添加以下行：

<script src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>

将<script>标记移出Razor代码块也是可取的，因为它不需要它。将其放在<head>或</body>标记之前。

Answer 2

由于datetimepicker()不是jQuery核心的一部分，您需要像这样添加对插件的脚本引用：

<script src="@Url.Content("~/Scripts/jquery-datetimepicker.min.js")" type="text/javascript"></script>

在此之后你应该将脚本块从大括号中移出并将它放在输入下面的某个位置，如下所示：

@Html.TextBox("ActionDateTime")
<script type="text/javascript">
    $('#ActionDateTime').datetimepicker();
</script>

尽管如此，你应该看看EditorTemplates，它可以帮助你保持视图的清洁。

Answer 3

还在$(document).ready

中添加代码

<script type="text/javascript">

$(document).ready(function(){

 $('#ActionDateTime').datetimepicker();


});

</script>

Answer 4

datetimepicker不是jQuery核心库的一部分。您需要将此脚本与jQuery UI库一起包含。

datetimepicker插件 http://trentrichardson.com/examples/timepicker/js/jquery-ui-timepicker-addon.js

jQuery UI库http://jqueryui.com/download

在你的头部/或脚部分包含jQuery库的引用，但是在jQuery库引用下面。

还包括jQuery UI样式表，具体取决于您选择的样式。

ASP.NET MVC3：Datetimepicker无法正常工作

4 个答案: