0

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

该项目在 MVC 3 中，由一些前雇员编写。最近几天我一直在查看代码，并且尝试更改 jQuery 的版本。该项目默认运行 v. 1.5.1。我试过 v. 1.6.4 v. 1.7.2 和 v. 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)

4

4 回答 4

1

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

于 2013-06-17T11:02:46.197 回答
0

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

于 2013-11-22T19:43:44.390 回答
0

尝试包含这个 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>
于 2013-06-14T10:37:28.650 回答
0

对不起，我迟到了，但我相信如果有人有同样的问题，这会有所帮助。好的，在您的情况下，当您使用两个或多个具有相同ID的输入时会发生此问题，因此Datepicker无法识别将日期放入的位置。

于 2016-12-09T18:18:19.750 回答