当我点击事件时,如何以这种方式在FullCalendar上设置日期格式

How to format date on FullCalendar on that way, when I click on event?

本文关键字:方式 FullCalendar 格式 日期 设置 事件      更新时间:2023-09-26

当我点击事件时,如何以这种方式格式化FullCalendar上的日期?(例如)并使用此代码:

  eventClick: function( calEvent, jsEvent, view ){
    alert('start: ' + calEvent.start);
    alert('end: ' + calEvent.end);
  },

警报显示类似

start: 12/28/2013 14:55   
end: 12/28/2013 18:55

而不是"Tue Dec 28 2013 ... "

如有任何建议,我们将不胜感激。

由于fullcalendars的事件开始和结束属性是javascript Date对象,显示它们的代码负责处理它们的格式,因此它们本身没有特定的格式。

我发现用javascript处理日期最简单的方法是使用moment.js.

在你的提醒中格式化你的日期将类似于

alert('start: ' + moment(calEvent.start).format('DD/MM/YYYYhh:mm'));

更新:这个答案为FullCalendar的版本1提供了一个解决方案。从版本2开始,Moment.js被FullCalendar使用,这个答案不再有效

Moment.js是一个非常好的库,但如果您不想添加其他依赖项,也可以使用FullCalendar提供的formatDate()函数。

它是这样工作的:

alert('start: ' + 
     $.fullCalendar.formatDate(calEvent.start, 'dd/MM/yyyy HH:mm'));

您可以在此处查看formatDate()的文档:https://fullcalendar.io/docs1/utilities/formatDate/

这对我很有效
var startDate=$.fullCalendar.m刻(event.start).format('YYYY/MM/DD');

我的解决方案

var startFix= moment($.fullCalendar.formatDate(start, 'YYYY-MM-DD'));