Heim > Artikel > Web-Frontend > So erstellen Sie eine Datums-/Uhrzeitauswahl über die LayDate-Komponente
So erstellen Sie eine Datums-/Uhrzeitauswahl über die LayDate-Komponente
- 清浅Original
- 2019-01-18 14:29:533311Durchsuche
So erstellen Sie eine Datums- und Zeitauswahl über die Komponente „layDate“: Laden Sie zuerst die Komponente „layDate“ von der offiziellen Website herunter, importieren Sie dann die Datei „laydatejs“ und rufen Sie schließlich die Methode direkt auf, um die Wirkung des Datums zu vervollständigen Zeitauswahl.
Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Laden Sie zuerst die Komponente „layDate“ von der offiziellen Website herunter, importieren Sie dann die Datei „laydatejs“ extern und rufen Sie schließlich die Methode direkt auf, um die Wirkung der Datums- und Uhrzeitauswahl abzuschließen.
Bei den meisten Browsern ist dies der Fall Datum und Uhrzeit Das Auswahlsteuerelement zeigt die native Datums- und Uhrzeitauswahl an, die im Browser enthalten ist. Das bedeutet, dass Benutzern beim Durchsuchen des Browsers unterschiedliche Datums- und Uhrzeitauswahlmöglichkeiten angezeigt werden. Was ich heute mit Ihnen teilen werde, ist ein Fall der Produktion von Datumsauswahleffekten
layDate-Datums- und Uhrzeitkomponente
layDate-Gruppe ist eine der drei Komponenten, die unabhängig von Laui verwaltet werden . Es enthält fünf Arten von Auswahlmethoden: Jahresauswahl, Jahres- und Monatsauswahl, Datumsauswahl, Zeitauswahl, Datums- und Uhrzeitauswahl sowie alle unterstützten Bereichsauswahlen
(1) Laden Sie die LayDate-Komponente herunter
Download-Adresse: https://www.layui.com/laydate/
( 2) Extern Referenz-laydate.js-Datei
<script src="./layDate-v5.0.9/laydate/laydate.js"></script>
(3) Programmcode
<body>
<input type="text" id="text">
<input type="text" id="text1">
<script>
laydate.render({
elem:"#text",
type:"date",
theme:"#CD318E"
});
laydate.render({
elem:"#text1",
type:"time",
theme: "#ccc"
});
</script>
</body>Rendering:
Zusammenfassung: Hier haben Sie eine einfache Datums- und Zeitauswahl. Ich hoffe, dass dieser Artikel jedem ein vorläufiges Verständnis der LayDate-Komponente vermitteln kann
Das obige ist der detaillierte Inhalt vonSo erstellen Sie eine Datums-/Uhrzeitauswahl über die LayDate-Komponente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!