Ausführliche Erläuterung der Verwendung der JS-Datums- und Zeitauswahl

Dieses Mal erkläre ich Ihnen ausführlich die Verwendung der JS-Datums-Zeitauswahl und welche Vorsichtsmaßnahmen bei der Verwendung der JS-Datums- und Zeitauswahl zu beachten sind Ein praktischer Fall.

flatpickr ist ein leichter, Lean-fokussierter, UX-gesteuerter und erweiterbarer JavaScript Datetime-Picker.

Demo GitHub herunterladen

flatpickr ist von keiner Bibliothek abhängig. Kleinere Benutzeroberfläche, aber viele Themen. Eine umfangreiche API und ein Ereignissystem machen es für jede Umgebung geeignet. Verfügbar mit Webpack und als jQuery-Plugin.

Installieren Sie das Flatpickr-Modul mit NPM. Paketverwaltungstool: https://www.npmjs.com/package/bower-npm-resolver

Nicht-Modul-Umgebung

Flatpickr-Dateien direkt einführen

# using npm install
npm i flatpickr --save

Verwendung

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

Im Folgenden finden Sie gültige Methoden zum Erstellen von Flatpickr-Instanzen.

// commonjs
const flatpickr = require("flatpickr");

// 如果可用，推荐使用 es 模块
import flatpickr from "flatpickr";

// 如果在框架中使用 flatpickr ，则建议直接传递该元素
flatpickr(element, {});
// 选择器也被支持
flatpickr("#myID", {});
// 创建多个实例
flatpickr(".anotherSelector");

Zusammenfassung

$(".selector").flatpickr(optional_config);

Empfohlene Lektüre: Vue+Axios Production Login Request Interception

Detaillierte Erläuterung der Webpack-Dev-Server-Nutzung ( mit Code )

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung der JS-Datums- und Zeitauswahl. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!