【问题标题】:show multiple days in basic day view in Full Calendar在完整日历的基本日视图中显示多天
【发布时间】:2015-04-01 06:15:42
【问题描述】:

我正在为我的新项目使用完整的日历来显示月、周和日事件。在这里单击日期按钮,我想在 basicDay 视图中显示当前月份的每一天。例如,从 4 月 1 日到 4 月 30 日,事件一一发生。

这是我的代码

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();

var events_array = [
    {
    title: 'Test1',
    start: new Date(2012, 10, 1),
    allDay: false},
{
    title: 'Test2',
    start: new Date(2012, 10, 2),
    allDay: true}
];

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,basicDay'
    },
    defaultView: 'month',
    events: events_array,       
}).on('click', '.fc-basicDay-button', function() { // code goes here });

如果有任何替代解决方案,请提出建议。

我的输出应该是这样的

https://drive.google.com/file/d/0B4nWRJm-JCahVktDaFhXc0c0LUk/view?usp=sharing

黄色应该只存在于当前日期。

请帮忙,谢谢。

【问题讨论】:

    标签: jquery twitter-bootstrap-3 fullcalendar


    【解决方案1】:

    默认情况下,可用视图无法做到这一点。你需要创建一个Custom View

    类似:

    views: {
            agendaTheWholeMonth: {
                type: 'agenda',
                duration: { days: 30 }
            }
        }
    

    或者您可以在完全自定义的新视图中工作。您在上面的链接中有更多详细信息。

    【讨论】:

      【解决方案2】:

      最后,我通过创建一个名为议程列表的新视图得到了我所期望的。此视图存在于 1.6.3 版的旧 FullCalendar 中。

      这个link 将帮助您得到您想要的。

      【讨论】:

      • 感谢分享!但我没有看到任何新视图的创建。只需使用议程列表视图。无论如何,你能在这里分享你的代码吗?因此,当您移动文件时,仍然在此处维护解决方案。
      • @MarioLevrero 实际上,FullCalendar 1.6.3 没有名为议程列表的视图。我使用自定义视图创建。这个版本的fullcalendar只支持很少的东西,并且易于理解插件的流程来改变代码。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-16
      • 1970-01-01
      • 2012-04-05
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多