Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.11.2017, 10:10
Новичок на форуме
Отправить личное сообщение для lastees Посмотреть профиль Найти все сообщения от lastees
 
Регистрация: 13.11.2017
Сообщений: 4

Для чего нужно return { on: { }}
Хочу добавить календарь (framework) в своё приложение. не могу понять, что надо поменять в данном коде (который дан в framework), чтобы заработало. JQuery подключён

<div class="block block-strong no-padding">
        <div id="demo-calendar-inline-container"></div>
      </div>


return {
    on: {
      pageInit: function (e, page) {
        var self = this;
        var today = new Date();
        var app = self.$app;
        var $ = self.$;
        // Default
        self.calendarDefault = app.calendar.create({
          inputEl: '#demo-calendar-default',
        });
        // Inline with custom toolbar
        var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August' , 'September' , 'October', 'November', 'December'];
        self.calendarInline = app.calendar.create({
          containerEl: '#demo-calendar-inline-container',
          value: [new Date()],
          renderToolbar: function () {
            return '<div class="toolbar calendar-custom-toolbar no-shadow">' +
              '<div class="toolbar-inner">' +
                '<div class="left">' +
                  '<a href="#" class="link icon-only"><i class="icon icon-back ' + (self.$theme.md ? 'color-black' : '') + '"></i></a>' +
                '</div>' +
                '<div class="center"></div>' +
                '<div class="right">' +
                  '<a href="#" class="link icon-only"><i class="icon icon-forward ' + (self.$theme.md ? 'color-black' : '') + '"></i></a>' +
                '</div>' +
              '</div>' +
            '</div>';
          },
          on: {
            init: function (c) {
              $('.calendar-custom-toolbar .center').text(monthNames[c.currentMonth] +', ' + c.currentYear);
              $('.calendar-custom-toolbar .left .link').on('click', function () {
                self.calendarInline.prevMonth();
              });
              $('.calendar-custom-toolbar .right .link').on('click', function () {
                self.calendarInline.nextMonth();
              });
            },
            monthYearChangeStart: function (c) {
              $('.calendar-custom-toolbar .center').text(monthNames[c.currentMonth] +', ' + c.currentYear);
            }
          }
        });
      },
      pageBeforeRemove() {
        var self = this;
        self.calendarInline.destroy();
      },
    },
  }

Последний раз редактировалось lastees, 17.11.2017 в 14:02.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Для чего используются оператор Zimb Общие вопросы Javascript 2 17.11.2014 01:25
Для чего используется знак ">>" или "<<" Zimb Общие вопросы Javascript 2 12.10.2014 13:26
Нужно поменять библиотеку JS для плагина WP PoMka Работа 0 25.02.2014 11:19
поиск классов внутри тега yozuul jQuery 24 14.06.2013 22:00
Модуль для работы с геометрией окна JSprog Библиотеки/Тулкиты/Фреймворки 25 31.08.2009 12:54