2017-10-20 25 views
1

Je dois afficher comme ceci 10/15 (Sun) comme mon client veut! Mais si je place ce format sur columnFormat, il ne peut pas afficher dans le texte de parenthèse. Comment puis-je définir M/D (ddd) pour afficher dans columnFormat. Mais vous savez, d'autres comme {ddd} est peut afficher sur la colonne de la semaineComment modifier fullFormat columnFormat avec support?

$("#calendar").fullCalendar({ 
 
    header: { 
 
      left: 'prev,next today', 
 
      center: 'title', 
 
      right: 'month,agendaWeek,agendaDay,listWeek' 
 
     }, 
 
     defaultView: 'agendaWeek', 
 
     views : { 
 
      agendaWeek : { 
 
       columnFormat : "M/D (ddd)" 
 
      } 
 
     } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.js"></script> 
 
<div id="calendar"></div>

+0

Pouvez-vous faire plunker de cet extrait de code et partager le lien? – VicJordan

+0

J'ai fait un sur l'extrait de code –

Répondre

2

Après avoir fait des recherches près de 9 heures, j'ai une solution facile si je mets [] sur chaque support !!! :)

columnFormat : "M/D [(]ddd[)]" //added => [] 
//    ^^ ^^ 
0

Je ne sais pas si vous pouvez ajouter le support autour du jour, mais je l'espère ci-dessous fonctionnera pour vous:

$("#calendar").fullCalendar({ 
 
    header: { 
 
      left: 'prev,next today', 
 
      center: 'title', 
 
      right: 'month,agendaWeek,agendaDay,listWeek' 
 
     }, 
 
     defaultView: 'agendaWeek', 
 
     views : { 
 
      agendaWeek : { 
 
       month: 'dddd', // Sun, Mon,Tue etc 
 
      week: 'dddd, MMM dS', // Fri 10/20 
 
      day: 'dddd, MMM dS' // Friday 10/20 
 
      } 
 
     } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.6.1/fullcalendar.min.js"></script> 
 
<div id="calendar"></div>

+0

Je veux '10/15 (Sun)' au lieu de 'Sun 10/15' et mon problème est si je mets' ('il ne peut pas afficher –

+0

@DavidJorHpan,' ('n'est pas permis dans le format qui signifie que vous ne pouvez pas ajouter '()' autour du jour – VicJordan

0

Essayez ceci. columnFormat : "M/D ddd"

Lorsque j'ai essayé des parenthèses comme ceci (ddd) cela ne fonctionnait pas.

+0

J'ai déjà trouvé la solution, regarde ma propre réponse! –

+0

Je l'ai vu, essayé et vu cela a fonctionné. Pourquoi nous devrions utiliser [] (crochets) pour écrire des parenthèses? – ShiroiTora

+0

Btw, merci pour Q & A. Il a vraiment béatifié mon application :) – ShiroiTora