Heim > Web-Frontend > js-Tutorial > So erstellen Sie eine Datums-/Uhrzeitauswahl über die LayDate-Komponente

So erstellen Sie eine Datums-/Uhrzeitauswahl über die LayDate-Komponente

清浅
Freigeben: 2021-04-20 14:59:46
Original
3404 Leute haben es durchsucht

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.

So erstellen Sie eine Datums-/Uhrzeitauswahl über die LayDate-Komponente

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/

So erstellen Sie eine Datums-/Uhrzeitauswahl über die LayDate-Komponente

( 2) Extern Referenz-laydate.js-Datei

<script src="./layDate-v5.0.9/laydate/laydate.js"></script>
Nach dem Login kopieren

(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>
Nach dem Login kopieren

Rendering:

So erstellen Sie eine Datums-/Uhrzeitauswahl über die LayDate-Komponente

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage