FullCalendar JS修改手机

时间:2016-12-20 11:26:55

标签: javascript fullcalendar responsiveness

在桌面版中,我想要['星期日','星期一','星期二','星期三',  '星期四','星期五','星期六'天。在移动设备中将改为['太阳','星期一','星期二','星期三','星期四','星期五','星期六'。

3 个答案:

答案 0 :(得分:1)

您需要使用移动检测api,然后您可以为移动设备和桌面设备设置两个不同的阵列。

请参阅以下链接了解手机检测API: http://mobiledetect.net/

答案 1 :(得分:0)

感谢Chetan的回复。我一直在使用 windowResize https://fullcalendar.io/docs/display/windowResize/来检测移动窗口大小但我的问题是如何插入“ dayNamesShort“['太阳','星期一','星期二','星期三','星期四','星期五','星期六'] 进入日历。

这是我的代码:

$('#calendar').fullCalendar({
  windowResize: function(view) {
     if ($(window).width() < 768){
         // insert dayNamesShort:  ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] without destorying current events
     }
  }


});

答案 2 :(得分:0)

您可以在检测移动窗口尺寸时更改columnFormat

$('#calendar').fullCalendar('option', 'columnFormat', 'dd');

Fiddle

祝你好运