Question

我有以下代码来获取视图的日期选择器，一些如何以下代码无法正常工作我不知道我哪里出错了，任何人都可以帮助我获得以下需求 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>

Answer 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文件，所以你得到错误

JQuery日期选择器在视图中不起作用

1 个答案: