Maison > interface Web > js tutoriel > le corps du texte

Comment créer un sélecteur de date et d'heure via le composant layDate

清浅
Libérer: 2021-04-20 14:59:46
original
3370 Les gens l'ont consulté

Comment créer un sélecteur de date et d'heure via le composant layDate : téléchargez d'abord le composant layDate depuis le site officiel ; puis importez le fichier laydatejs en externe et enfin appelez directement la méthode pour compléter l'effet de la date et ; sélecteur de temps.

Comment créer un sélecteur de date et d'heure via le composant layDate

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Téléchargez d'abord le composant layDate depuis le site officiel, puis importez le fichier laydatejs en externe, et enfin appelez directement la méthode pour compléter l'effet du sélecteur de date et d'heure

Pour la plupart des navigateurs, le date et heure Le contrôle sélecteur affiche le sélecteur de date et d'heure natif fourni avec le navigateur. Cela signifie que lorsque les utilisateurs parcourent le navigateur, ils verront différents sélecteurs de date et d'heure. Ce que je vais partager avec vous aujourd'hui est un cas de création d'un effet de sélecteur de date

composant date et heure layDate

Le groupe layDate est l'un des trois composants maintenus indépendamment par layui. Il contient cinq types de méthodes de sélection : le sélecteur d'année, le sélecteur d'année et de mois, le sélecteur de date, le sélecteur d'heure, le sélecteur de date et d'heure et toutes les sélections de plages de support

(1) Télécharger le composant layDate.

Adresse de téléchargement : https://www.layui.com/laydate/

Comment créer un sélecteur de date et d'heure via le composant layDate

( 2 ) Référence externe au fichier laydate.js

<script src="./layDate-v5.0.9/laydate/laydate.js"></script>
Copier après la connexion

(3) Code du programme

<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>
Copier après la connexion

Rendu :

Comment créer un sélecteur de date et d'heure via le composant layDate

Résumé : vous avez ici un simple sélecteur de date et d'heure. J'espère que cet article pourra donner à chacun une compréhension préliminaire du composant layDate

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal