So verwenden Sie Bootstrap, um die Jahreszeit, den Monat und den Tag auszuwählen

Im Folgenden wird beschrieben, wie Sie Bootstrap verwenden, um die Jahreszeit, den Monat und den Tag auszuwählen.

Verwenden Sie Bootstrap, um die Zeitauswahl zu implementieren. Die Seite muss die folgenden Dateien laden: (empfohlenes Lernen: Bootstrap-Video-Tutorial )

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

2. JS-Datei: 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>
$(&#39;.form_datetime&#39;).datetimepicker({
    language:  &#39;zh-CN&#39;,
    minView: 4,         format: &#39;yyyy&#39;,
    startDate:2019,
    autoclose: 1,
    startView: 4,
});
</script>

Verwenden Sie Bootstrap, um den Monat auszuwählen.

Der Bootstrap-Konfigurationscode lautet wie folgt:

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

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

Der Bootstrap-Konfigurationscode lautet wie folgt:

<script>
$(&#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:

Mehr Bootstrap Für verwandte technische Artikel besuchen Sie bitte die Spalte Bootstrap-Tutorial, um mehr zu erfahren!

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Bootstrap, um die Jahreszeit, den Monat und den Tag auszuwählen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!