Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung der Verwendung des Daterangepicker-Kalender-Plug-Ins

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

php中世界最好的语言
php中世界最好的语言Original
2018-04-19 16:21:474581Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn