24小時時間格式（所以沒有AM到PM）爲fullCalendar

我想顯示fullCalendar 24小時時間格式，我想利用這些指令：http://arshaw.com/fullcalendar/docs/text/timeFormat/24小時時間格式（所以沒有AM到PM）爲fullCalendar

所以我添加

timeFormat: { 
    agenda: 'H(:mm)' //h:mm{ - h:mm}' 
    },

到json.php：

$(document).ready(function() { 

    $('#calendar').fullCalendar({ 

    header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 

     editable: true, 
     allDayDefault: false, 
     events: "core/displays/calendar/json-events.php", 
     defaultView: 'agendaDay', 
     timeFormat: { 
    agenda: 'H(:mm)' //h:mm{ - h:mm}' 
    }, 


     eventDrop: function(event, delta) { 
      alert(event.title + ' was moved ' + delta + ' days\n' + 
       '(should probably update your database)'); 
     }, 
       eventClick: function(calEvent, jsEvent, view) {  

       window.location = "details_view.php?id=" + calEvent.id; 


    }, 

     loading: function(bool) { 
      if (bool) $('#loading').show(); 
      else $('#loading').hide(); 
     } 


    }); 

});

，但沒有工作，所以我加入fullCalendar.js

// time formats 
titleFormat: { 
    month: 'MMMM yyyy', 
    week: "MMM d[ yyyy]{ '&#8212;'[ MMM] d yyyy}", 
    day: 'dddd, MMM d, yyyy' 
}, 
columnFormat: { 
    month: 'ddd', 
    week: 'ddd M/d', 
    day: 'dddd M/d' 
}, 
axisFormat: 'H(:mm)', //,'h(:mm)tt', 
timeFormat: { 
    agenda: 'H(:mm)' //h:mm{ - h:mm}' 
    }, 
// locale

但那也沒用，我做錯了什麼？

來源

2012-01-31 Maarten Hartman

您想將佈局設置爲24小時系統或事件。

如果你想添加到事件中，就像22:00'party'一樣，然後將timeFormat：'H：mm'添加到你的json.php文件中。

eventDrop: function(event, delta) { 
      alert(event.title + ' was moved ' + delta + ' days\n' + 
       '(should probably update your database)'); 
     }, 
      timeFormat: 'H:mm' ,

如果你想改變你的日曆的佈局然後就到你的fullCalendar.js

查一查：

setDefaults

，並更改類似下面的代碼。

setDefaults({ 
allDaySlot: true, 
allDayText: 'Volledige dag', 
firstHour: 8, 
slotMinutes: 30, 
defaultEventMinutes: 120, 
axisFormat: 'HH:mm', 
timeFormat: { 
    agenda: 'H:mm{ - h:mm}' 
}, 
dragOpacity: { 
    agenda: .5 
}, 
minTime: 0, 
maxTime: 24

}）;

來源

2012-01-31 22:47:48 Stino

謝謝，它現在工作了！（bedankt :)） – 2012-01-31 23:06:41

如果你想改變24H搜索和變化的月視圖中fullcalendar.js這樣的：

var dateFormatters = { 
s : function(d) { return d.getSeconds() }, 
ss : function(d) { return zeroPad(d.getSeconds()) }, 
m : function(d) { return d.getMinutes() }, 
mm : function(d) { return zeroPad(d.getMinutes()) }, 
h : function(d) { return d.getHours() % 24 || 24 },    //modificato : era 12 al posto di 24 
hh : function(d) { return zeroPad(d.getHours() % 24 || 24) }, //modificato : era 12 al posto di 24 
H : function(d) { return d.getHours() }, 
HH : function(d) { return zeroPad(d.getHours()) }, 
d : function(d) { return d.getDate() }, 
dd : function(d) { return zeroPad(d.getDate()) }, 
ddd : function(d,o) { return o.dayNamesShort[d.getDay()] }, 
dddd: function(d,o) { return o.dayNames[d.getDay()] }, 
M : function(d) { return d.getMonth() + 1 }, 
MM : function(d) { return zeroPad(d.getMonth() + 1) }, 
MMM : function(d,o) { return o.monthNamesShort[d.getMonth()] }, 
MMMM: function(d,o) { return o.monthNames[d.getMonth()] }, 
yy : function(d) { return (d.getFullYear()+'').substring(2) }, 
yyyy: function(d) { return d.getFullYear() }, 
//t : function(d) { return d.getHours() < 12 ? 'a' : 'p' }, 
//tt : function(d) { return d.getHours() < 12 ? 'am' : 'pm' }, 
//T : function(d) { return d.getHours() < 12 ? 'A' : 'P' }, 
//TT : function(d) { return d.getHours() < 12 ? 'AM' : 'PM' }, 
t : function(d) { return d.getMinutes() == 0 ? ':00' : '' }, 
tt : function(d) { return d.getHours() < 12 ? '' : '' }, 
T : function(d) { return d.getHours() < 12 ? '' : '' }, 
TT : function(d) { return d.getHours() < 12 ? '' : '' }, 
u : function(d) { return formatDate(d, "yyyy-MM-dd'T'HH:mm:ss'Z'") }, 
S : function(d) { 
    var date = d.getDate(); 
    if (date > 10 && date < 20) { 
     return 'th'; 
    } 
    return ['st', 'nd', 'rd'][date%10-1] || 'th'; 
}

};

來源

2013-08-28 08:20:02 fausto

如果使用fullCalendar V1，你應該嘗試添加這些：

$('#calendar').fullCalendar({ 
    [...]// some code, 

    axisFormat: 'H:mm', 
    timeFormat: { 
      agenda: 'H:mm{ - H:mm}' 
    } 
});

來源

2014-07-02 21:08:21 hellowdiie

出於某種原因，這些解決方案並沒有爲我工作了。

因此經過一些廣泛的（cmd + F）搜索後，我發現這篇文章圍繞107行討論/includes/js/main.js。107行可以讓您更改日/月/年的順序。

但是呢！第113行（或周圍）可讓您將周/週日程視圖中的上午/下午更改爲全球使用的時間表示形式（部分英語國家除外）。

如果你願意，你可以改變更多，但是在下面你會發現足夠好的代碼，讓它在荷蘭網站上正確顯示。

TT:function(a){return a.getHours()<12?"AM":"PM"},u:function(a){return Oa(a,"yyyy-MM-dd'T'HH:mm:ss'Z'")},S:function(a){a=a.getDate();if(a>10&&a<20)return"th";return["st","nd","rd"][a%10-1]||"th"}};Aa.applyAll=$a;Ja.month=mc;Ja.basicWeek=nc;Ja.basicDay=oc;wb({weekMode:"fixed"});Ja.agendaWeek=qc;Ja.agendaDay=rc;wb({allDaySlot:true,allDayText:"hele dag",firstHour:8,slotMinutes:30,defaultEventMinutes:120,axisFormat:"HH:mm",timeFormat:{agenda:"h:mm{ - h:mm}"},dragOpacity:{agenda:0.5},minTime:0, maxTime:22})}) 併爲您的方便，你會發現這裏定爲荷蘭整個main.js：http://pastebin.com/HYGHRebZ

我希望這個解決方案也將努力爲您服務！

來源

2015-02-01 13:54:18 Joid