Добрый день.
В своей работе использую jquery-ui-timepicker-addon.js и jquery.simplemodal-1.4.1.js
Создал диалог используя simplemodal на него поместил datetimepicker.
Проблема: при первом вызове диалога все работает нормально, но
при повторном и последующих вызовах дата_время не отображается в поле.
Инициализация datetimepicker:
$('#startDate').datetimepicker({
showSecond: true,
timeFormat: 'hh:mm:ss',
hourGrid: 4,
minuteGrid: 10,
secondGrid: 10
});
$('#endDate').datetimepicker({
showSecond: true,
timeFormat: 'hh:mm:ss',
hourGrid: 4,
minuteGrid: 10,
secondGrid: 10
});
Создание диалога:
HTML:
<div id='dialogDate'>
<div class='header'></div>
<div class='message'></div>
<div class='date'>
<div class='dateArchive' id="dateArchive">
<div class="field">
<label for="startDate">Начальная дата:</label>
<input type="text" name="startDate" id="startDate" value=""/>
</div>
<div class="field">
<label for="endDate">Конечная дата:</label>
<input type="text" name="endDate" id="endDate" value=""/>
</div>
</div>
</div>
<div class='buttons'>
<div class='no simplemodal-close'>Ok</div>
</div>
</div>
Скрипт:
dialogDate: function () {
$('#dialogDate').modal({
closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
position: ["30%"],
overlayId: 'dialogDate-container',
containerId: 'dialogDate-container',
onShow: function (dialog) {
$('.header', dialog.data[0]).append("Заголовок формы");
$('.message', dialog.data[0]).append("текст:");
}
});
},
Обработка вызова диалога:
$('#button-dialogDate input.dialogDate, #button-dialogDate a.dialogDate').click(function (e) {
Dialog.dialogDate();
});
Подскажите в чем может быть проблема.