1 /* JS代码部分 */ 2 3 const date = new Date() 4 const years = [] 5 const months = [] 6 const days = [] 7 const hours = [] 8 const minutes = [] 9 var thisMon = date.getMonth();10 var thisDay = date.getDate();11 12 for (let i = 2017; i <= date.getFullYear() + 1; i++) {13 years.push(i)14 }15 16 for (let i = date.getMonth(); i <= 11; i++) {17 var k = i;18 if (0 <= i && i < 9) {19 k = "0" + (i + 1);20 } else {21 k = (i + 1);22 }23 months.push(k)24 }25 if (0 <= thisMon && thisMon < 9) {26 thisMon = "0" + (thisMon + 1);27 } else {28 thisMon = (thisMon + 1);29 }30 if (0 <= thisDay && thisDay < 10) {31 thisDay = "0" + thisDay;32 }33 34 var totalDay = mGetDate(date.getFullYear(), thisMon);35 for (let i = 1; i <= 31; i++) {36 var k = i;37 if (0 <= i && i < 10) {38 k = "0" + i39 }40 days.push(k)41 }42 43 for (let i = 0; i <= 23; i++) {44 var k = i;45 if (0 <= i && i < 10) {46 k = "0" + i47 }48 hours.push(k)49 }50 for (let i = 0; i <= 59; i++) {51 var k = i;52 if (0 <= i && i < 10) {53 k = "0" + i54 }55 minutes.push(k)56 }57 function mGetDate(year, month) {58 var d = new Date(year, month, 0);59 return d.getDate();60 }61 Page({62 data: {63 years: years,64 year: date.getFullYear(),65 months: months,66 month: thisMon,67 days: days,68 day: thisDay,69 value: [1, thisMon - 1, thisDay - 1, 0, 0],70 hours: hours,71 hour: "00",72 minutes: minutes,73 minute: "00",74 },75 bindChange: function (e) {76 const val = e.detail.value77 this.setData({78 year: this.data.years[val[0]],79 month: this.data.months[val[1]],80 day: this.data.days[val[2]],81 hour: this.data.hours[val[3]],82 minute: this.data.minutes[val[4]],83 })84 var totalDay = mGetDate(this.data.year, this.data.month);85 var changeDate = [];86 for (let i = 1; i <= totalDay; i++) {87 var k = i;88 if (0 <= i && i < 10) {89 k = "0" + i90 }91 changeDate.push(k)92 }93 this.setData({94 days: changeDate95 })96 },97 98 })
/* css代码部分 */.time-title{ float:left; width:20%; text-align:center; color:#45BCE8;}.picker-text{ text-align:center;}/*mask*/.time_screens { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1000; opacity: 0.5; overflow: hidden;}/* html代码部分 *//* Json */{ "navigationBarTitleText": "XXXX"} { {year}}-{ {month}}-{ {day}} { {item}}年 { {item}}月 { {item}}日