2013-09-10 5 views
0

У нас есть сайт с календарем формы jquery. В рамках нового дизайна мы вывели календарь из формы, а затем мы его повторно переопределили.Как сделать прежний календарь формы активным (серьезные проблемы с календарем)

Предыдущие функции для календаря состоят в том, что календарь показывает предстоящие события, выделенные синим цветом, пользователь щелкнул бы по полю ввода формы и отобразится календарь.

В новом дизайне нам нужен календарь с событиями, которые всегда должны отображаться. Мы это сделали, однако есть проблема. Проблема в том, что для того, чтобы увидеть предстоящие события в синем, нам нужно сначала получить календарный месяц и изменить его на следующий месяц, а затем вернуться к этому месяцу.

Он не будет показывать календарь активный с событиями, показывая сразу, без необходимости fidgit с датами ...

Любые идеи .. помощь!

Here is the link to the page in question. (Чтобы увидеть события изменения месяца до следующего месяца, то обратно в месяц)

ответ

0

Похоже, вы получите свои события через AJAX, когда месяц или год изменения. У вас есть несколько вариантов.

  1. Запустить ту же функцию на документе, готовый, так что ваш вызов ajax получит события.
  2. Заполните объект JSON текущим месяцем как часть страницы. Затем передайте JSON в ту же функцию календаря, которая заполняет события из результатов ajax. Таким образом, пользователю не нужно ждать появления событий начального месяца с помощью ajax.

Кроме того, на странице есть ошибка JS. Посмотрите на консоли при загрузке страницы, и вы увидите следующее:

Uncaught TypeError: Object [object Object] has no method 'catcomplete' scripts.js:127 

EDIT решение, как указано на комментарий, размещены здесь для наглядности.

$(function() { $('.ui-datepicker-month').trigger('change') }) 
+0

Большое спасибо за ваш ответ, вы столкнетесь с любыми интернет-гидов о том, как вызвать функцию в документе готовы? С уважением W – William

+0

Вы должны быть в состоянии просто скопировать тот же код, который вы используете onchange, и поместить его в $ (document) .ready (function() {// здесь}); – Vlad

+0

Спасибо всем за ваши комментарии. Если у кого-то еще есть эта проблема, вот решение. $ (function() {$ ('. Ui-datepicker-month'). Trigger ('change')}) – William

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