bookingflix_calendar_items v0.3.3

Bookingflix Calendar Items

Diverse Datums- und Kalender-Funktionen

Beispiele

Ausgabe des Datums

<bookingflix-calendar-items settings='{"lang": "de", "view": "date-string", "date": ["2022-10-31 12:00", "2022-10-31 14:00"]}'></bookingflix-calendar-items>

Kalender-Icon

<bookingflix-calendar-items settings='{"lang": "de", "date": ["2022-10-12 11:00", "2022-10-12 16:00"], "view": "calendar-letter", "style": {"colors": {"main": "#ff00ff"}}}'></bookingflix-calendar-items>

Punktkalender

<bookingflix-calendar-items settings='{"lang": "de", "style": { "colors": { "main": "#424242" } }, "view": "dot-calendar", "links": [["Entry", "#"], ["Entry2", "#"]], "date": ["2021-10-30", "2021-10-30"]}'></bookingflix-calendar-items>

Timer

<bookingflix-calendar-items settings='{"view": "timer", "date": ["2021-10-12 16:00"]}'></bookingflix-calendar-items>

Monats-Kalender

<bookingflix-calendar-items settings='{lang: "de", view: "month-calendar", date: ["2022-08-10 12:00", "2022-09-14 14:00", "2022-09-01 12:00:00"], onChange: function (month, year) { console.log(month, year) }, callback: function (date) { alert(date) }}'></bookingflix-calendar-items>

Wochen-Kalender

<bookingflix-calendar-items settings='{lang: "de", view: "week-calendar", date: ["2022-08-10 12:00", "2022-09-14 14:00", "2022-09-01 12:00:00"], onChange: function (month, year) { console.log(month, year) }, callback: function (date) { alert(date) }}'></bookingflix-calendar-items>

Tages-Kalender

<bookingflix-calendar-items settings='{lang: "de", view: "day-calendar", currentDate: "2022-08-10", date: ["2022-08-10 11:00", "2022-08-10 7:00", "2022-08-10 8:00", "2022-08-10 9:00", "2022-08-10 10:00", "2022-08-10 14:00", "2022-08-10 22:00:00", "2022-08-10 22:30:00", "2022-08-10 22:45:00"], onChange: function (month, year) { console.log(month, year) }, callback: function (date) { alert(date) }}'></bookingflix-calendar-items>