我想通过fullCalender.js更改“天”视图

Question

我通过fullCalender.js进行如下设置

views:{
        month:{ titleFormat:'YYYY' +"年" +'MM'+"月"},
        //,week: { titleFormat:"MMM d[ yyyy]{ '—'[ MMM] d yyyy}"},
        //,week:{ titleFormat:"DD MMMM YYYY"},
        day:{ titleFormat:'MM/DD'}
    },

我想更改日期视图。 例如，7月2日是单元格通过fullCalender函数正在写入“ 2”。 我喜欢将“ 2”更改为“ 07/02”。 我更喜欢enter link description here，但我听不懂。 我需要你的帮助。 现在我的程序视图如下 enter image description here 谢谢！

Answer 1

以我的全日历经验，我发现它给您提供了很多获取数据的机会，但是当您想要执行更新时，有时必须变得有些创意。这是我发现可以使用FullCalendar随附的名为fullcalendar-3.9.0/demos/basic-views.html的演示来实现的。

我使用了dayRender钩子，使我可以在渲染每个单元格时对其进行访问。这为您提供了两个参数date和cell（这是单元格实例）。

您可以使用以下方法获取单元格的data-date属性：

const dataDate = cell.data('date');

然后，您可以将其与实际显示日期的位置匹配，如下所示：

$(`td[data-date="${dataDate}"] a`).text(date.format('MM/DD'));

总的来说，这看起来像：

dayRender: function(date, cell) {
  const dataDate = cell.data('date');
  $(`td[data-date="${dataDate}"] a`).text(date.format('MM/DD'));
},