2012-03-18 38 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