2012-03-18 36 views
0

我正在为我的网站解决Rails 3的全部日历。我是新手,但我慢慢变有:)...我已经阅读文档,并可以看到rails 3全日历Javascript/jquery

$.fullCalendar.formatDate(date, formatString [, options ]) -> String 

是格式化的日期布局(我认为)的选项。由于我是javascript/jquery的新手,我想知道是否有人可以告诉我如何将日期和日期显示的日期显示为DD/MM/YYYY。如果你能解释我会非常感激..

回答

1

我相信你发现那里只是一个函数格式化日期输出在某些特定的位置。例如,如果你想要一个JS警报对话显示日期对象可以编写

alert('This date object is: ' + date); 

这将创造出一个对话:

此Date对象是:星期一2012年4月2日07:45: 00 GMT-0600(MDT)

您发现有将允许您格式化日期输出字符串像这样的功能:

alert('This date object is: ' + $.fullCalendar.formatDate(date, "m-d-yy h:m")); 

这将产生阅读对话:

此Date对象:15-2-12 7:15

我想,也许你正在寻找的选项columnFormat

http://arshaw.com/fullcalendar/docs/text/columnFormat/

这使您可以在列顶部格式化日期读数。在你的情况下,将此选项添加到您的初始化将开始是这样的:

$('#calendar').fullCalendar({ 
       editable: true, 
       header: { 
        left: 'prev,next today', 
        center: 'title', 
        right: 'month,agendaWeek,agendaDay' 
       }, 
       columnFormat: { 
        day: 'd/MM/yyyy', 
        week: 'd/MM/yyyy' 
       }, 
       defaultView: 'agendaWeek', 
       height: 500, 
       slotMinutes: 15, 
       loading: function(bool){ 
        if (bool) 
         $('#loading').show(); 
        else 
         $('#loading').hide(); 
       }, 
       events: "/events/get_events", 
       timeFormat: 'h:mm t{ - h:mm t} ', 
       dragOpacity: "0.5", 
etc... 

检查出所有的文本/时间自定义选项的方式来定制日历

http://arshaw.com/fullcalendar/docs/text/

+0

其他地区非常感谢你的回答,现在对它有了更好的理解。 – Richlewis 2012-04-03 18:19:46

+0

我试图将以上添加到我的calendar.js文件中,但是当我渲染页面时它变为空白?我是否把它放在正确的地方? – Richlewis 2012-04-03 18:44:31

+0

检查您的js语法是否缺少括号或逗号。 Firebug是Chrome或FF的插件,可让您看到您的js是否正在创建错误。该columnFormat选项将只是您的日历初始化中的许多选项之一,编辑答案显示多一点的样子。 – Mishaux 2012-04-03 19:08:25