Question

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

该项目属于MVC 3，并由一些前雇员编制。我一直在查看过去几天的代码，我试图改变jQuery的版本。该项目默认运行v.1.5.1。我已经尝试过v.1.6.4 v.7.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”中的importet：

<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

对于帮助人员来说。然而问题解决了。似乎我的老同事在父视图中留下了一些测试方法，实例化了包含相同元素的相同partialview。从而弄乱了日期选择器。

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的回答。我去寻找其他DOM元素，其ID与我尝试注入日期的输入相同。我在一些测试标记中找到了输入元素，用于设计目的。我删除了其他输入，DatePicker开始正常工作。

Answer 4

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

Datepicker不插入日期

4 个答案: