Question

我在mvc初学者要创建application.I想在textbox上的应用程序中显示datepicker。我已经在视图中编写了代码.cshtml

<link href="~/Content/themes/base/minified/jquery.ui.datepicker.min.css" rel="stylesheet" />
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"/>
<link rel="stylesheet" href="/resources/demos/style.css">

<script>

    $(document).ready(function () {
        $("#date").datepicker();
     });
</script>
<h2>Index</h2>
<input type="text" id="date" />

当我点击文本框时它不起作用如果有人对此有任何想法，请提供帮助。

Answer 1

在你的bundleConfig.cs文件中首先写**bundleTable.bundles.Usecdn = true** 在此之后，将CDN链接添加到layout.cshtml的head部分，之后将此代码写在layout.cshtml

的head部分

 <script>
     $(document).ready(function () {
         $("#datepicker").datepicker();
     });
 </script>

此处将id = datepicker标记为您要显示的输入

Answer 2

在您的脚本中添加jQuery UI，将class="datepicker"添加到您想要的日期选择器的位置，然后添加此功能：

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

});

datepicker在mvc4中不起作用

2 个答案: