2013-06-14 2 views
0

У меня возникла сложная проблема. У меня есть два текстовых поля ввода, которые я превратил в datepickers. Однако, когда я выбираю дату, дата не переносится в текстовое поле. Календарь отлично показывает.Datepicker не вставляет дату

Проект находится в MVC 3 и был запрограммирован некоторыми бывшими сотрудниками. Я просматривал код последние пару дней, и я попытался изменить версию jQuery. По умолчанию проект работает по версии 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 является importet в когерентной "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) 

+2

хорошо, будет жесткий без какого-либо кода – Yami

+0

попробуйте посмотреть, есть ли какие-либо проблемы с js, например, использовать консоль на chrome .. –

+0

Консоль в хроме не печатает ошибок: S – Teambit

ответ

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> 
+0

+0

Как описано в тексте выше. Все файлы jQuery версий выше 1.7.2 не работают для моего проекта – Teambit

1

Thx для помощи ребятам. Однако проблема решена. Кажется, мой старый коллега оставил некоторые тестовые методы в родительском представлении, создавая тот же самый частичный вид, в котором содержались те же элементы. Таким образом, испортить даты.

0

У меня была такая же проблема и прочесть ответ Марка. Я пошел искать другие элементы DOM с тем же идентификатором, что и вход, который я пытался ввести с датой. Я нашел элемент ввода в некоторой тестовой разметке, которая использовалась для целей проектирования. Я удалил другой вход, и DatePicker начал нормально работать.

0

Извините, я опаздываю на вечеринку, но я уверен, что если у кого-то будет такая же проблема, это поможет. Хорошо, вот в вашем случае, эта проблема возникает, когда вы используете паклю или более одного входа с одинаковыми идентификаторами , поэтому там Datepicker не может распознать, где поставить дату в.

Смежные вопросы