Wozu dient Bootstrap-Datepicker?-Front-End-Fragen und Antworten-php.cn

Wozu dient Bootstrap-Datepicker?

WBOY

Freigeben： 2022-05-05 17:49:34

Original

3239 Leute haben es durchsucht

In Bootstrap wird „bootstrap-datepicker“ verwendet, um Kalender- und Zeitstile festzulegen. Die Syntax lautet „element object.datepicker({property:property value,...})“; Es können verschiedene Eigenschaften übergeben werden, um den Zeitanzeigestil festzulegen.

Wozu dient Bootstrap-Datepicker?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 3.3.7, DELL G3-Computer

Was ist die Verwendung von Bootstrap-Datepicker?

Bootstrap-Datepicker ist ein Zeitauswahl-Plug-in. Das standardmäßig angezeigte Textformat ist jedoch Englisch, daher müssen wir zuerst das chinesische Paket vorstellen.

<script type="text/javascript" src="bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src=&#39;bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js&#39;></script>
<script>

Nach dem Login kopieren

Eine kurze Einführung in einige grundlegende Eigenschaften von Bootstrap-Datepicker

Zeigen Sie das Jahr, den Monat und den Tag an

$(function(){
         $(&#39;#datetimepicker&#39;).datetimepicker({
           language:"zh-CN",    //语言选择中文
           format:"yyyy-mm",    //格式化日期
           timepicker:true,     //关闭时间选项
           yearEnd:2050,        //设置最大年份
           todayButton:false    //关闭选择今天按钮
           autoclose: 1,        //选择完日期后，弹出框自动关闭
           startView:3,         //打开弹出框时，显示到什么格式,3代表月
           minView: 3,          //能选择到的最小日期格式
    });

Nach dem Login kopieren

Wozu dient Bootstrap-Datepicker?

Hinweis: Möglicherweise liegt ein Problem mit dem Stil der Kalenderauswahl vor.

Auf der linken und rechten Seite sind keine Schaltflächenbilder vorhanden. Das sollte der Fall sein Ein Problem mit der Bootstrap-Version. Es wird in Version 2 angezeigt, aber nicht in Version 3. Es kann derzeit nicht angezeigt werden, indem der Name der Form-Control-Klasse zur Eingabe hinzugefügt wird:

Wozu dient Bootstrap-Datepicker?

weekStart

Ganzzahl: 0

Wozu dient Bootstrap-Datepicker? Der Tag, an dem die Woche beginnt. 0 (Sonntag) bis 6 (Samstag)

Startdatum

Datum. Standardwert: Startzeit

Enddatum

Datum. Standardwert: Endzeit

Boolean. falsch

Gibt an, ob die Datums- und Uhrzeitauswahl unmittelbar nach der Auswahl eines Datums geschlossen werden soll.

startView

Number, String. Standardwert: 2, 'Monat'

Die Ansicht, die zuerst angezeigt wird, nachdem die Datums- und Uhrzeitauswahl geöffnet wurde. Akzeptable Werte:

0 oder „Stunde“ für die Stundenansicht

1 oder „Tag“ für die Tagesansicht

2 oder „Monat“ für die Monatsansicht (Standard)

3 oder „Jahr“. ' ist die Jahresansicht

4 oder 'Dekade' ist die Jahrzehntansicht
heuteBtn
Boolean, „verknüpft“. Standardwert: false
Wenn dieser Wert wahr oder „verknüpft“ ist“, Unten in der Datums- und Uhrzeitauswahlkomponente wird eine Schaltfläche „Heute“ angezeigt, mit der Sie das aktuelle Datum auswählen können. Bei „true“ schaltet die Schaltfläche „Heute“ nur auf das heutige Datum um. Bei „verknüpft“ wird das heutige Datum ausgewählt.
todayHighlight
Boolean. Standardwert: false
Wenn true, markieren Sie das aktuelle Datum.

Verwandte Empfehlungen:

Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonWozu dient Bootstrap-Datepicker?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!