Question

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

Answer 1

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

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

Answer 2

感谢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
     }
  }


});

Answer 3

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

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

Fiddle

祝你好运

FullCalendar JS修改手机

3 个答案: