Ausführliche Erläuterung der Verwendung des Daterangepicker-Kalender-Plug-Ins

Dieses Mal werde ich Ihnen die Verwendung des Daterangepicker-Kalender-Plug-Ins ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für die Verwendung des Daterangepicker-Kalender-Plug-Ins? Das Folgende ist ein praktischer Fall .

Zeigen Sie die spezifische Zeit in Minuten und Sekunden an:

timePicker ist auf true gesetzt, //Die in einigen Informationen geschriebene pickerTime ist nicht richtig

Schlüsselfalle: Ändern Sie die Standardeinstellung Anzeigeformat der Zeit, Format wird in das Gebietsschema geschrieben. Viele Informationen im Internet besagen, dass es direkt in das Daterangepicker-Attribut geschrieben wird, was nicht wirksam ist.

Die Start- und Endzeit kann auf ein bestimmtes Jahr, einen bestimmten Monat und einen bestimmten Tag eingestellt werden oder das aktuelle Datum kann generiert werden (new Date() oder moment() [moment()-Methode ist eine Funktion für moment.js). um die aktuelle Zeit zu erhalten])

$(“#dateid”).daterangepicker({
      startDate: moment(),// '2013-01-01', 
      maxDate:newDate(),
      endDate: moment(),//new Date(),
      dateLimit : {
        days : 30
      },//起止时间的最大间隔
      timePicker :true,//是否显示小时和分钟
      timePickerIncrement : 1,//时间的增量，单位为分钟
      timePicker24Hour :true,//是否使用24小时制来显示时间
      locale: {//用来设置默认时间显示格式,各个按钮空间的中文显示
format:'YYYY/MM/DD HH:mm:ss',
applyLabel:'确认',
       cancelLabel:'取消',
       fromLabel:'从',
       toLabel:'到',
       weekLabel:'W',
       customRangeLabel:'选择时间',
       daysOfWeek:["日","一","二","三","四","五","六"],
       monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"] 
}
    range: {//设置快捷区间控件,不同的时间段
      "近期": ['2015-04-12',newDate()]
    }
  },function(start, end, label) {
    alert('A date range was chosen: '+ start.format('YYYY-MM-DD') +' to '+ end.format('YYYY-MM-DD'));
  }

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung der JQuery-Plug-in-Erweiterung

Wie jQuery die Browserversion ermittelt

base64 implementiert Verschlüsselungs- und Entschlüsselungsfunktionen

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung des Daterangepicker-Kalender-Plug-Ins. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!