TP5.1 + Laui-Zeitbereich-Einstellungsmethode

Ich bin kürzlich auf ein Problem gestoßen, das heißt, die Startzeit und die Endzeit hängen zusammen. Der Auswahlbereich der Endzeit ist die minimale Startzeit und die maximale Zeit 90 Tage nach der Startzeit Hier hat das vom Plug-in erhaltene Datum zwei Parameter, min und max, mit denen der Datumsbereich festgelegt werden kann:

layui.use('laydate', function(){
  var laydate = layui.laydate;
  //限定可选日期
  var ins22 = laydate.render({
    elem: '#test-limit1'
    ,min: '2016-10-14'
    ,max: '2080-10-14'
  });
});

Aber wenn es darum geht, die Werte von max und min, ich bin auf Schwierigkeiten gestoßen, und nach mehrmaligem Studium der offiziellen Layui-Dokumentation und wiederholten Versuchen habe ich dieses Problem endlich gelöst und teile es mit Ihnen:

a Definieren Sie die Variablen aktuelle Zeit, minimale Zeit und maximale Zeit

var now = new Date();
       var min = now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + (now.getDate() + 1);
       var max = now.getFullYear() + "-" + (now.getMonth() + 2) + "-" + (now.getDate() + 2);

b. Setzen Sie sie basierend auf der aktuell ausgewählten maximalen und minimalen Zeitzuweisung neu

Um die Werte von max und min zu erhalten, müssen Sie Verstehen Sie zunächst die Zeitumrechnungseinheit. Die grundlegende Umrechnungseinheit ist eine Stunde und 1 Stunde entspricht 3600 Sekunden. Da der Zeitstempel in Millisekunden berechnet wird, muss er mit 1000 multipliziert werden Der Tag beträgt 24 Stunden und insgesamt 90 Tage sind 90*24*3600*1000 code>.

Nach Auswahl der Startzeit wird der Wert von value in done: function (value, date) angezeigt ) ist die aktuell ausgewählte Zeit. Wandeln Sie diesen Wert in einen Zeitstempel um: var date1 = new Date(value).getTime();max和min的值，首先要了解时间换算单位，大概思路为基本换算单位以小时为准，1小时为3600秒，因为laui中的时间戳是以毫秒为计算单位，所以需要再3600的基础上再乘以1000，一天为24小时，总共90天所以是90*24*3600*1000.

在选择了开始时间后done: function (value, date) 中value的值为当前选择的时间，将该值转化为时间戳为：var date1 = new Date(value).getTime();

90天后的时间戳为：var date2 = date1 + 90 * 24 * 3600 * 1000;

Der Zeitstempel 90 Tage später ist: var date2 = date1 + 90 * 24 * 3600 * 1000;

Dann erhalten Sie die Zeit in Jahr, Monat und Tag umrechnen:

var date5 = {
                   'date': date3.getDate(),
                   'month': date3.getMonth() + 1,
                   'year': date3.getFullYear()
               };

Weisen Sie die erhaltenen Werte den Minimal- und Maximalwerten der zu Endzeit:

end.config.max = date5;
               end.config.max.month = date5.month - 1;
               end.config.min = date;
               end.config.min.month = date.month - 1;

Der vollständige Code lautet also:

var start = laydate.render({
           elem: '#bx_start',
           type: 'date',
           max: max,
           min: min,
           showBottom: false,
           btns: ['clear', 'confirm'],
           done: function (value, date) {
               var date1 = new Date(value).getTime();//将当前选择的时间转化为时间戳
               var date2 = date1 + 90 * 24 * 3600 * 1000;//获取90天后的时间
               var date3 = new Date(date2);
               var date5 = {
                   'date': date3.getDate(),
                   'month': date3.getMonth() + 1,
                   'year': date3.getFullYear()
               };
               end.config.max = date5;
               end.config.max.month = date5.month - 1;
               end.config.min = date;
               end.config.min.month = date.month - 1;
           }
       });

c. Übergeben Sie die erhaltene Mindest- und Höchstzeit an die Endzeit

var end = laydate.render({
           elem: '#bx_end',
           type: 'date',
           max: max,
           min: min,
           showBottom: false,
           done: function (value, date) {
               if ($.trim(value) == '') {
                   var curDate = new Date();
                   date = {
                       'date': curDate.getDate(),
                       'month': curDate.getMonth() + 1,
                       'year': curDate.getFullYear()
                   };
               }
               start.config.max = date;
               start.config.max.month = date.month - 1;
           }
       });

Das Folgende ist der vollständige Code

<script>
   layui.use([&#39;form&#39;,&#39;layedit&#39;, &#39;laydate&#39;,&#39;layer&#39;,&#39;element&#39;], function() {
       $ = layui.jquery;
       layer = layui.layer;
       var form = layui.form;
       layedit = layui.layedit;
       laydate = layui.laydate;
//定义变量当前时间、最小时间、最大时间
       var now = new Date();
       var min = now.getFullYear() + &quot;-&quot; + (now.getMonth() + 1) + &quot;-&quot; + (now.getDate() + 1);
       var max = now.getFullYear() + &quot;-&quot; + (now.getMonth() + 2) + &quot;-&quot; + (now.getDate() + 2);
       var start = laydate.render({
           elem: &#39;#bx_start&#39;,
           type: &#39;date&#39;,
           max: max,
           min: min,
           showBottom: false,
           btns: [&#39;clear&#39;, &#39;confirm&#39;],
           done: function (value, date) {
               var date1 = new Date(value).getTime();//将当前选择的时间转化为时间戳
               var date2 = date1 + 90 * 24 * 3600 * 1000;//获取90天后的
               var date3 = new Date(date2);

               var date5 = {
                   &amp;#39;date&amp;#39;: date3.getDate(),
                   &amp;#39;month&amp;#39;: date3.getMonth() + 1,
                   &amp;#39;year&amp;#39;: date3.getFullYear()
               };
               end.config.max = date5;
               end.config.max.month = date5.month - 1;
               end.config.min = date;
               end.config.min.month = date.month - 1;
           }
       });
       var end = laydate.render({
           elem: &amp;#39;#bx_end&amp;#39;,
           type: &amp;#39;date&amp;#39;,
           max: max,
           min: min,
           showBottom: false,
           done: function (value, date) {
               if ($.trim(value) == &amp;#39;&amp;#39;) {
                   var curDate = new Date();
                   date = {
                       &amp;#39;date&amp;#39;: curDate.getDate(),
                       &amp;#39;month&amp;#39;: curDate.getMonth() + 1,
                       &amp;#39;year&amp;#39;: curDate.getFullYear()
                   };
               }
               start.config.max = date;
               start.config.max.month = date.month - 1;
           }
       });
   });
</script>

Empfohlene verwandte Artikel: „ TP5.1 Wasserzeichenfunktion zu Bildern hinzufügen" "TP5.1+layui, um den Aufruf der Spaltenanzahl zu realisieren" "Das neueste 10 Thinkphp-Video-Tutorial

》

🎜

Das obige ist der detaillierte Inhalt vonTP5.1 + Laui-Zeitbereich-Einstellungsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!