Datepicker不插入日期

Question

看来我遇到了一个棘手的问题。 我有两个输入文本字段，它们已变成日期选择器。 但是，当我选择一个日期时，该日期不会转移到文本字段中。 日历显示完美。

该项目位于MVC 3中，并且已经由一些前雇员进行编程。 我已经在过去的几天里浏览了代码，并且尝试更改jQuery的版本。 默认情况下，该项目正在运行1.5.1版。 我试过1.6.4、1.7.2和1.10.1，版本1.7.2似乎是最新的有效版本，因为该项目的其余部分也依赖于jQuery。 更高版本似乎造成了一些不兼容。

似乎我在这里碰壁了，我希望外面的一些人可以为我带来一点光。

在我看来定义元素的代码：

<div style="margin-top: 10px">
    <label><input id="enable-Periode" type="checkbox" @(Model.StartDate.HasValue || Model.EndDate.HasValue ? "checked=checked" : "") onclick="archiveMetaDataPlacement.enabledPeriod(this);" />Benyt periode</label>

    <div style="margin: 10px 0 20px 0">
        <label>Periode <input type="text" size="11" id="StartDate" name="StartDate" class="datepicker" value="@(Model.StartDate.HasValue ? Model.StartDate.Value.ToShortDateString() :  "")" /></label> - 
        <label>Periode <input type="text" size="11" id="EndDate" name="EndDate" class="datepicker" value="@(Model.EndDate.HasValue ? Model.EndDate.Value.ToShortDateString() : "")" /></label>
    </div>
...
<script>
    $(".datepicker").datepicker();
</script>

jQuery脚本在连贯的“ masterlayout”中是重要的：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Core.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Redmond/jquery-ui-1.8.14.custom.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/buttons-and-hovermenu.css")" rel="stylesheet" type="text/css" />

<!--[if IE 7]>
    <link href="/Content/user/ie7fix.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Scripts/json/json2.js"></script>
<![endif]-->
<script type="text/javascript" src="/scripts/jquery-1.7.2.js"></script>
<script type="text/javascript" src="/Scripts/jquery-ui-1.8.14.custom.min.js"></script>
<script src="/Scripts/jquery-ui-i18n.js" type="text/javascript"></script>
<script type="text/javascript" src="/scripts/admin/iportal.js"></script>
<script type="text/javascript" src="/global/globalization"></script>

@RenderSection("head", required: false)

Answer 1

谢谢帮忙。 但是问题解决了。 似乎我的老同事在父视图中留下了一些测试方法，实例化了包含相同元素的相同部分视图。 从而弄乱了日期选择器。

Answer 2

尝试包含此js版本

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

Answer 3

我有同样的问题，请阅读Mark的答案。 我去寻找其他ID与尝试插入日期的输入具有相同ID的DOM元素。 我在用于设计目的的一些测试标记中找到了输入元素。 我删除了其他输入，并且DatePicker开始正常工作。

Answer 4

抱歉，我来晚了，但是我敢肯定，如果有人遇到同样的问题，这会有所帮助。 好的，在这种情况下，当您使用两个或多个具有相同ID的输入时，会发生此问题，因此Datepicker无法识别将日期放置在何处。

Datepicker不插入日期

问题描述

4 个解决方案

解决方案1
1 2013-06-17 11:02:46

解决方案2
0 2013-06-14 10:37:28

解决方案3
0 2013-11-22 19:43:44

解决方案4
0 2016-12-09 18:18:19

Datepicker不插入日期

问题描述

4 个解决方案

解决方案1 1 2013-06-17 11:02:46

解决方案2 0 2013-06-14 10:37:28

解决方案3 0 2013-11-22 19:43:44

解决方案4 0 2016-12-09 18:18:19

解决方案1
1 2013-06-17 11:02:46

解决方案2
0 2013-06-14 10:37:28

解决方案3
0 2013-11-22 19:43:44

解决方案4
0 2016-12-09 18:18:19