मैं आयनिक 5 ऐप में पूर्ण कैलेंडर/कोणीय 5 का परीक्षण कर रहा हूं और दृश्यों के लिए हेडर टूलबार दो बटन के रूप में प्रदर्शित होता है:

enter image description here

यह मेरा कैलेंडर विकल्प है:

  calendarOptions: CalendarOptions = {
    contentHeight: "auto",
    headerToolbar: {
      left: 'title',
      center: 'timeGridMes, timeGridDia',
      right: 'prev,next today'
    },
    initialView: 'timeGridDia',
    weekends: true,
    editable: false,
    selectable: true,
    selectMirror: true,
    dayMaxEvents: true,
    allDaySlot:false,      
    initialDate: new Date(),
    firstDay: 1,
    fixedWeekCount: false,
    locale: 'es',
    slotMinTime : "08:00:00",
    slotMaxTime : "23:00:00",
    navLinks: true,
    nowIndicator: true,
    slotDuration: "00:15:00",
    slotLabelInterval: "00:15:00",
    eventTimeFormat: { hour12: false, hour: '2-digit', minute: '2-digit' },
    showNonCurrentDates: true,
    timeZone: 'local',
    weekNumbers: true,
    weekText: "S",
    buttonText: {
      today: 'Hoy'
    },
    views: {
      timeGridMes: {
        type: 'dayGridMonth',
        dayMaxEventRows: 4,
        buttonText: 'Mes',
        titleFormat: { year: 'numeric', month: 'short'}
      },
      timeGridDia: {
        type: 'timeGridDay',
        buttonText: 'Día',
        titleFormat: { month: 'short', day: 'numeric' }
      }
    },
    select: this.handleDateSelect.bind(this),
    eventClick: this.handleEventClick.bind(this),
    eventsSet: this.handleEvents.bind(this)

  };

और यह एचटीएमएल है कि यह उत्पन्न करता है:

<div class="fc-toolbar-chunk">
    <div class="fc-button-group">
        <button class="fc-timeGridMes-button fc-button fc-button-primary" type="button">Mes</button>
        <button class="fc--button fc-button fc-button-primary" type="button"></button>
    </div>
    <button class="fc-timeGridDia-button fc-button fc-button-primary fc-button-active" type="button">Día</button>
</div>

दो बटन के साथ वर्ग = "एफसी-बटन-समूह" के साथ div क्यों उत्पन्न करें?

0
Ness 23 अक्टूबर 2020, 16:27

1 उत्तर

सबसे बढ़िया उत्तर

स्ट्रिंग में अल्पविराम हटाने से समस्या हल हो जाती है...:

headerToolbar: {
  left: 'title',
  center: 'timeGridMes timeGridDia',
  right: 'prev next today'
},

https://github.com/fullcalendar/fullcalendar/issues/5821#issue-701022933

2
Ness 24 अक्टूबर 2020, 16:52