Wozu dient Bootstrap-Datepicker?

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.

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>

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

Zeigen Sie das Jahr, den Monat und den Tag an

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

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:

weekStart

Ganzzahl: 0

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!