Erstellen Sie ein Eingabefeld:
Richten Sie es mit einer einfachen JavaScript-Zeile ein:
new DeskyCalendar({'myID': {}});
Einfach auf eine doppelte Datumsauswahl umstellen:
new DeskyCalendar({'calendar_date_selector1': {mode: \\\"double\\\"}});
Möchten Sie Termine einschränken? Fügen Sie einfach
hinzuconst d = neues Datum();
new DeskyCalendar({'calendar_date_selector2': {disableBefore: d}});
Abschluss
Mit nur wenigen Zeilen bringt DeskyCalendar Raffinesse und Einfachheit in Ihre Datumsauswahlanforderungen und ist dabei leichtgewichtig und effizient. Es ist an der Zeit, Ihre Formulare mit dieser eleganten Lösung aufzuwerten. Viel Spaß beim Codieren!
","image":"http://www.luping.net/uploads/20241009/17284428126705f1bc90a10.jpg","datePublished":"2024-11-03T20:05:55+08:00","dateModified":"2024-11-03T20:05:55+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}Möchten Sie Ihre Formulare verschönern, ohne sie aufzupeppen? Lernen Sie DeskyCalendar kennen, einen minimalistischen, reaktionsfähigen Datumswähler, der in reinem Vanilla-JavaScript erstellt wurde. Es wurde entwickelt, um Ihrem Datumsauswahlprozess Stil und Funktionalität zu verleihen, ohne Ihr Projekt zu belasten.
Demoseite -> https://danruggi.github.io/datepicker/
Projektlink -> https://github.com/danruggi/datepicker
? Vollständig reaktionsfähig: Sieht auf jedem Gerät großartig aus – keine zerquetschten Kalender mehr.
? Doppel-/Einzelformat: Wählen Sie ganz einfach zwischen der Auswahl eines einzelnen Datums oder eines Bereichs.
? Option „Beliebiges Datum“ hinzufügen: Geben Sie Benutzern die Freiheit, ein beliebiges Datum auszuwählen, ideal für Filter und Berichte.
? Daten deaktivieren: Auswahl für vergangene oder zukünftige Daten verhindern und alles unter Kontrolle halten.
? Externe Funktion bei Klick ausführen: Möchten Sie eine benutzerdefinierte Aktion auslösen, wenn ein Datum ausgewählt wird? Kinderleicht!
Schnelleinrichtung
Fügen Sie diese Links einfach in Ihren HTML-Code ein:
Erstellen Sie ein Eingabefeld:
Richten Sie es mit einer einfachen JavaScript-Zeile ein:
new DeskyCalendar({'myID': {}});
Einfach auf eine doppelte Datumsauswahl umstellen:
new DeskyCalendar({'calendar_date_selector1': {mode: "double"}});
Möchten Sie Termine einschränken? Fügen Sie einfach
hinzuconst d = neues Datum();
new DeskyCalendar({'calendar_date_selector2': {disableBefore: d}});
Abschluss
Mit nur wenigen Zeilen bringt DeskyCalendar Raffinesse und Einfachheit in Ihre Datumsauswahlanforderungen und ist dabei leichtgewichtig und effizient. Es ist an der Zeit, Ihre Formulare mit dieser eleganten Lösung aufzuwerten. Viel Spaß beim Codieren!
Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.
Copyright© 2022 湘ICP备2022001581号-3