So implementieren Sie mit Bootstrap einen Zeitselektor für Jahr, Monat und Tag

Verwenden Sie Bootstrap, um die Zeitauswahl zu implementieren:

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

2. JS-Dateien: jquery-1.8.3.min.js, bootstrap.min.js, bootstrap-datetimepicker.js, bootstrap-datetimepicker.zh-CN.js

Verwenden Sie Bootstrap, um die Jahresauswahl zu implementieren

Der Bootstrap-Konfigurationscode lautet wie folgt:

<script type="text/javascript">
$(&#39;.form_datetime&#39;).datetimepicker({
    language:  &#39;zh-CN&#39;,
    minView: 4,         format: &#39;yyyy&#39;,
    startDate:2019,
    autoclose: 1,
    startView: 4,
});
</script>

Der erzielte Effekt ist wie folgt:

Verwenden Sie Bootstrap, um die Monatsauswahl zu implementieren

Der Bootstrap-Konfigurationscode lautet wie folgt:

<script type="text/javascript">
$(&#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>

Der erzielte Effekt lautet wie folgt:

Verwandte Empfehlungen: „Bootstrap Erste Schritte Tutorial“

Verwenden Sie Bootstrap, um das Jahr auszuwählen und Monat

Der Bootstrap-Konfigurationscode lautet wie folgt:

<script type="text/javascript">
$(&#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>

Der erzielte Effekt ist wie folgt:

Verwenden Sie Bootstrap, um Jahr, Monat und Tag auszuwählen

Der Bootstrap-Konfigurationscode lautet wie folgt:

<script type="text/javascript">
$(&#39;.form_datetime&#39;).datetimepicker({
     format: &#39;yyyymmdd&#39;,
     weekStart: 1,
     autoclose: true,
     startView: 2,
     minView: 2,
    language:&#39;zh-CN&#39;
});
</script>

Der erzielte Effekt ist wie folgt:

Verwenden Sie Bootstrap, um die Auswahl von Jahr, Monat, Tag, Stunde, Minute und Sekunde zu realisieren

Der Bootstrap-Konfigurationscode lautet wie folgt:

<script type="text/javascript">
$(&#39;.form_datetime&#39;).datetimepicker({
         language : &#39;zh-CN&#39;,
         format : &#39;yyyy-mm-dd hh:ii:ss&#39;,
         weekStart: 1,
         todayBtn:  1,
         autoclose: 1,
         todayHighlight: 1,
         startView: 2,
         forceParse: 0,
         showMeridian: 1
});
</script>

Der erzielte Effekt ist wie folgt:

Verwenden Sie Bootstrap, um die Stundenauswahl zu implementieren

Der Bootstrap-Konfigurationscode lautet wie folgt:

<script type="text/javascript">
$(&#39;.form_datetime&#39;).datetimepicker({
        language : &#39;zh-CN&#39;,
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 1,
        minView: 0,
        maxView: 1,
        forceParse: 0
});
</script>

Der erzielte Effekt ist wie folgt:

Das obige ist der detaillierte Inhalt vonSo implementieren Sie mit Bootstrap einen Zeitselektor für Jahr, Monat und Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!