Heim > Artikel > Web-Frontend > 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"> $('.form_datetime').datetimepicker({ language: 'zh-CN', minView: 4, format: 'yyyy', 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"> $('.form_datetime').datetimepicker({ format: 'mm', autoclose:true, startView:3, minView:3, maxView:3, initialDate:new Date(), language:'zh-CN' }); </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"> $('.form_datetime').datetimepicker({ format: 'mm', autoclose:true, startView:3, minView:3, maxView:3, initialDate:new Date(), language:'zh-CN' }); </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"> $('.form_datetime').datetimepicker({ format: 'yyyymmdd', weekStart: 1, autoclose: true, startView: 2, minView: 2, language:'zh-CN' }); </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"> $('.form_datetime').datetimepicker({ language : 'zh-CN', format : 'yyyy-mm-dd hh:ii:ss', 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"> $('.form_datetime').datetimepicker({ language : 'zh-CN', 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!