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

Ce qui suit décrit 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 . Le 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>

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>

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>

L'effet obtenu est le suivant :

Plus 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!