设置时间数据显示为当前时间

index.html

@@ -61,7 +61,7 @@
                 <div class="flex flex-row-reverse items-center" onclick="p1419895941603008512.jumpDetails(this)">
                   <img style="height:16px" src="https://www.tall.wiki/staticrec/photos/right.png">
                 </div>
-                <div class="time-box w-screen h-screen fixed z-10" style="background: rgba(0,0,0,0.65);top:0;left:0;display:none">
+                <div class="time-box w-screen h-screen fixed z-10" style="background: rgba(0,0,0,0.65);top:0;left:0;display:block">
                   <div class="flex flex-col absolute w-full" style="background:#fff;bottom: 0;height:300px">
                     <div class="flex justify-between p-2 border-gray-200 border-b-2" style="height:44px;">
                       <div class="text-gray-500" onclick="p1419895941603008512.cancelTime()">取消</div>
@@ -322,12 +322,26 @@
                   var yearDom = this.dom.querySelector('.year-box');
                   var monthDom = this.dom.querySelector('.month-box');
                   var dateDom = this.dom.querySelector('.day-box');
+                  var nowYear = new Date().getFullYear();
+                  var nowMonth = new Date().getMonth();
+                  var nowDay = new Date().getDate()-1;
+                  var nowHour = new Date().getHours();
+                  var nowMin = new Date().getMinutes();
+                  var yearTop = 0;
+                  var monthTop = 0;
+                  var dayTop = 0;
+                  var hourTop = 0;
+                  var minTop = 0;
+                  console.log(nowYear,nowMonth,nowDay,nowHour,nowMin)
                   /* 生成小时数组 */
                   for(let i=0;i<24;i++) {
                     var div = document.createElement('div');
                     div.style.height = '26px';
                     div.innerHTML = i;
                     hourDom.appendChild(div);
+                    if(nowHour === i) {
+                      hourTop = i*26
+                    }
                   }
                   /* 生成分钟数组 */
                   for(let i=0;i<60;i++) {
@@ -335,8 +349,10 @@
                     div.style.height = '26px';
                     div.innerHTML = i;
                     minDom.appendChild(div);
+                    if(nowMin === i) {
+                      minTop = i*26
+                    }
                   }
-
                   /* 生成年数组 */
                   var my = new Date();
                   var endYear = my.getFullYear();// 获取当前年份
@@ -352,6 +368,9 @@
                     div.style.height = '26px';
                     div.innerHTML = i;
                     monthDom.appendChild(div);
+                    if(nowMonth === i) {
+                      monthTop = i*26
+                    }
                   }
                   /* 生成日数组 */
                   for (var i = 1; i < 32; i++) {
@@ -359,8 +378,16 @@
                     div.style.height = '26px';
                     div.innerHTML = i;
                     dateDom.appendChild(div);
+                    if(nowDay === i) {
+                      dayTop = i*26
+                    }
                   }
+                  hourDom.scrollTop = hourTop
+                  minDom.scrollTop = minTop
+                  monthDom.scrollTop = monthTop
+                  dateDom.scrollTop = dayTop
                 }
+
               }
               p1419895941603008512.init()
             </script>