【问题标题】:JQuery Date picker not working in viewJQuery 日期选择器在视图中不起作用
【发布时间】:2017-10-25 18:41:27
【问题描述】:

我有以下代码来获取查看日期选择器,以下代码无法正常工作我不确定我哪里出错了,谁能帮我满足以下需求 1. 我应该有一个日期选择器,当用户提交时我想要用户选择的值

@{
    ViewBag.Title = "Index";
}

<h4>Welcome @Session["LoginName"]</h4>
<h4>@ViewBag.LoginId</h4>

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
     $(function () {
         $("#MyDate").datepicker();
     });
</script>
@using (Html.BeginForm("ValidateUser", "Login", FormMethod.Post))
{

<h3>Select Bussiness Date </h3>
<div>
    <input type="text" id="MyDate" />
</div>

<div class="form-group">
    <div class="col-md-offset-2 col-md-10">
        <input type="submit" value="Continue" class="btn btn-default" />
    </div>
</div>

}


<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

【问题讨论】:

  • 你有两次jquery,第二次消灭了jquery-ui
  • 我从代码中删除了下面的 jquery 部分仍然没有运气
  • 什么运气不好? 它不起作用不是问题!解释错误是什么。
  • 发布您的 ActionResult ValidateUser,我的朋友。
  • @StephenMuecke 没有运气意味着 - 即使在删除重复的 jQuery 语句后,我也看不到日期选择器工作,即当我点击文本字段时不显示日期选择器

标签: jquery asp.net-mvc-4 jquery-ui asp.net-mvc-5 asp.net-mvc-5.1


【解决方案1】:

从视图的开头删除这些行

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
 $(function () {
     $("#MyDate").datepicker();
 });
</script>

并像这样更改最后几行

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
     $(function () {
         $("#MyDate").datepicker();
     });
</script>

1-最好将脚本文件放在文档末尾

2-你复制了 Jquery 文件,所以你得到了错误

【讨论】: