Полный вид календаря по умолчанию

Поскольку полный календарь не совсем подходит для меньшего экрана, я пытаюсь изменить «представление по умолчанию» полного календаря в соответствии с шириной экрана.

Я пытаюсь реализовать это с помощью этого кода строки:

defaultView: (function () { 
  if ($(window).width() >= 768) { 
    return defaultView = 'agendaDay'; 
  } else { 
  return defaultView = 'month'; 
  } 
})

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

Я попробовал функцию windowResize, но не повезло. Любая помощь будет действительно оценена. Ищу sulotion без обновления страницы. Заранее спасибо.


css fullcalendar media-queries fullcalendar-3 fullcalendar-scheduler
person Mun    schedule 02.08.2018    source источник
comment
вы имеете в виду, что пробовали fullcalendar.io/docs/windowResize? Что именно вы делали внутри этого обратного вызова? Покажи нам, что ты пробовал. Возможно, вы пытались вызвать fullcalendar.io/docs/changeView? Каков был результат? Невезение на самом деле не дает нам осмысленного описания проблемы.   -  person ADyson    schedule 03.08.2018

Ответы (1)


arrow_upward
0
arrow_downward

Я не уверен, что fullcalendar примет функцию для опции defaultView, но ваш код будет работать, если вы сделаете две корректировки:

  1. Вернуть имя представления, т.е. «месяц»
  2. Превратите свою функцию в IIFE
defaultView: (function () { 
  if ($(window).width() >= 768) { 
    return 'agendaDay'; 
  } else { 
    return 'month'; 
  } 
})()
person Peter Plucinski    schedule 26.06.2020