JQuery - DatePicker не работает во всплывающих формах

Question

DatePicker не работает во всплывающей форме, что я мог сделать неправильно?

Форма в формате .php и запускается этой функцией JavaScript ниже:

---

function popitup_request (url, ar) {
var f = document.forms [0];
if (ar == "") {
alert ("Пожалуйста, выберите хотя бы одну запись.");
return false;
}
newwindow = window.open (url, 'name', 'панель инструментов = 0, location = 0, каталоги = 0, status = 1, menubar = 0, полосы прокрутки = 1, изменяемый размер = 0,
ширина = 570, высота = 280 ');
if (window.focus) {
newwindow.focus ()
}
newwindow.moveTo (screen.availWidth)/2-(500/2),screen.availHeight/2-(300/2));
}

---

форма загружается, но при нажатии на значок-триггер ничего не происходит.Я уже тестировал, включая jquery-1.7.1.js на main.php и popup.php.

Answer 1

Я предполагаю, что вы связываете виджет Datepicker с элементами формы в вашем главном представлении. Поскольку всплывающее окно загружается позже (в popitup_request), поля даты в этой форме не будут привязаны к указателю даты.

Включите указатель даты js и css только один раз в вашем главном окне. Добавьте небольшой javascript внизу всплывающей формы, что-то вроде

<script type="text/javascript">
   $("input.date").datepicker();
</script>

Кстати, ваш код не отражает лучшие практики по ряду причин (пиксельная разметка, магические числа, смешивание нативного Javascript и jQuery, хотя это и не нужно). Я бы посоветовал вам пройти как по Javascript, так и по jQuery, чтобы увидеть предлагаемые шаблоны и хорошие примеры для улучшения веб-страниц с помощью Javascript.