我如何实现$('#calendar').weekCalendar('今天')？

Question

我对javascript知之甚少,所以我不确定我在做什么.基本上,我们的团队正在开发一个使用jQuery weekcalendar javascript的项目.默认情况下,日历将显示整周.

我的问题是:我有多个适合不同屏幕的css文件,我使用另一个javascript调用.对于最小的屏幕分辨率,我为移动设备调用的那个和整个日历将不适合此分辨率的设置宽度,因此我需要仅显示当前日期.我在网站上发现了我需要使用$('#calendar').weekCalendar("today")但我无法弄清楚如何实现它以及我应该在if语句中添加什么.

这是我试过的代码看起来像,

<script type="text/javascript">
$(document).ready(function () {
    if (document.styleSheets('mobile.min.css')) {
        $('#calendar').weekCalendar('today');
    }
})

显然,这不起作用,我认为它错了.有人能帮帮我吗？谢谢.

Answer 1

我没有使用过Adapt js库，但是看看它你可以实现一个回调函数。这意味着当调整页面大小时，它将调用您的函数。

因此请确保在 ADAPT CONFIG 声明中设置了回调。在这种情况下

callback: ChangeCalendar

然后在你的页面的脚本标签中，或者在js文件中你需要一个回调函数来处理回调。它将传递与适用的大小相对应的索引。我建议在回调函数中使用 switch 语句来处理大小更改。

ChangeCalendar(index, width)
{
    switch (index) {
       // handles the first item in the range (0 to 760px)
     case 0: $('#calendar').weekCalendar('today');
     break;
      // handles the second item in the range (760 to 980px)
    case 1: //something else
      break;
    // handles everything we missed
    default:
    break;
   }
}


当然，您可以改变它以使用宽度参数，然后使用 if 语句来处理一组范围，例如 if (width > 950) { etc }

我希望这能解决您的问题。