JQuery DatePicker не работает в FTP

Question

Я пытаюсь использовать jquery datepicker в файле freemarker.Однако календарь не загружается, когда я нажимаю на кнопку.Странная вещь находится на той же странице, есть другое поле, которое использует DatePicker и работает хорошо.

Вот текстовый ввод:

<input type="text" id="Form_approvedDate" maxlength="10" size="10" title="Format: yyyy-MM-dd" style="height:1px;width:1px;border:none;background-color:transparent" name="approvedDate" class="hasDatepicker">

Вот моя кнопка:

<button type="button" class="ui-datepicker-trigger"></button>

и вот сценарий, который я использую, чтобы назначить указатель даты:

jQuery("#Form_approvedDate").datepicker({
                showOn: 'button',
                buttonImage: '',
                buttonText: '',
                buttonImageOnly: false,
                dateFormat: 'yy-mm-dd',
                changeMonth: true,
                changeYear: true
              });

Это сводит меня с ума, у кого-нибудь есть идеи с этим?

Цените любую помощь.Спасибо.

Answer 1

Не включайте кнопку в ваш HTML-файл. Datepicker должен создать элемент кнопки самостоятельно. Также не включайте класс hasDatepicker в ваш html. Этот класс добавляется в элемент после того, как этот элемент был обработан datepicker.

Answer 2

Полагаю, нам нужно поместить приведенный выше код в блок $ (document) .ready, чтобы гарантировать, что javascript вызывается только после создания объекта dom.

$(document).ready(function() {
  jQuery("#Form_approvedDate").datepicker({
                showOn: 'button',
                buttonImage: '',
                buttonText: '',
                buttonImageOnly: false,
                dateFormat: 'yy-mm-dd',
                changeMonth: true,
                changeYear: true
              });
});