Maison > interface Web > Tutoriel d'amorçage > Comment utiliser bootstrap pour sélectionner la période de l'année, le mois et le jour

Comment utiliser bootstrap pour sélectionner la période de l'année, le mois et le jour

(*-*)浩
Libérer: 2019-07-18 09:24:54
original
4355 Les gens l'ont consulté

Ce qui suit décrit comment utiliser bootstrap pour sélectionner la période de l'année, le mois et le jour.

Comment utiliser bootstrap pour sélectionner la période de l'année, le mois et le jour

Utilisez bootstrap pour implémenter la sélection temporelle. La page doit charger les fichiers suivants : (apprentissage recommandé : Tutoriel vidéo Bootstrap. )

1. Fichier CSS : bootstrap.min.css, bootstrap-datetimepicker.min.css

2. >jquery-1.8 .3.min.js, bootstrap.min.js, bootstrap-datetimepicker.js, bootstrap-datetimepicker.zh-CN.js

Utilisez bootstrap pour implémenter la sélection de l'année . Comment utiliser bootstrap pour sélectionner la période de lannée, le mois et le jourLe code de configuration du bootstrap est le suivant :

<script>
$(&#39;.form_datetime&#39;).datetimepicker({
    language:  &#39;zh-CN&#39;,
    minView: 4,         format: &#39;yyyy&#39;,
    startDate:2019,
    autoclose: 1,
    startView: 4,
});
</script>
Copier après la connexion

Utilisez bootstrap pour sélectionner le mois.

Le code de configuration du bootstrap est le suivant :

<script>
$(&#39;.form_datetime&#39;).datetimepicker({
    format: &#39;mm&#39;,
    autoclose:true,
    startView:3,
    minView:3,
    maxView:3,
    initialDate:new Date(),
    language:&#39;zh-CN&#39;
});
</script>
Copier après la connexion

Utilisez bootstrap pour sélectionner l'année, le mois et le jour.

Le code de configuration du bootstrap est le suivant :

<script>
$(&#39;.form_datetime&#39;).datetimepicker({
     format: &#39;yyyymmdd&#39;,
     weekStart: 1,
     autoclose: true,
     startView: 2,
     minView: 2,
    language:&#39;zh-CN&#39;
});
</script>
Copier après la connexion

L'effet obtenu est le suivant :

Comment utiliser bootstrap pour sélectionner la période de lannée, le mois et le jourPlus de Bootstrap Pour des articles techniques connexes, veuillez visiter la colonne

Tutoriel Bootstrap

pour apprendre !

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