当我点击事件时,如何以这种方式在FullCalendar上设置日期格式
How to format date on FullCalendar on that way, when I click on event?
当我点击事件时,如何以这种方式格式化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'));
相关文章:
- 为什么这在IE中的工作方式与在Firefox中不同
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 在localhost Dev Box上测试JSONP请求的最佳方式
- 使用javascript存储变量的最安全方式
- 以可优化的方式使用requirejs加载模板
- 在Highcharts中,我们可以通过任何方式在渲染图表之前获得plotWidth和plotHeight
- 任何方式使AJAX调用Gmail API,而无需通过JS库
- 为react组件传递道具的最佳方式
- 让Webpack管理Quirky AMD定义的最佳方式
- 在承诺链中处理早期回报的最佳方式
- 如何“;过滤器”;或者以其他方式重构该数据
- 您有更好的动态方式来缩短复杂的代码jquery吗
- 在ng重复循环中显示条件内容的最佳方式是什么
- 在phonegap中为android调用onload函数的最佳方式
- 如何创建更好的方式来维护基于我的代码访问的最后一个页面
- Javascript以不同的方式声明数字
- 链接两个网页或网络应用程序的最佳方式
- 什么's是连接供应商js文件的最佳方式
- 当我点击事件时,如何以这种方式在FullCalendar上设置日期格式