微信小程序日期時間選擇器(年月日時分秒)


日期時間選擇器&＃xff08;精確到秒&＃xff09;選擇日期時間: {{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}:{{dateTimeArray[5][dateTime[5]]}}


var dateTimePicker &＃61; require(&＃39;../../dateTimePicker.js&＃39;);Page({data: {date: &＃39;2024-10-01&＃39;,time: &＃39;12:00&＃39;,dateTimeArray: null,dateTime: null,dateTimeArray1: null,dateTime1: null,startYear: 2000,endYear: 2050},onLoad() {// 獲取完整的年月日 時分秒&＃xff0c;以及默認顯示的數組var obj &＃61; dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);var obj1 &＃61; dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);// 精確到分的處理&＃xff0c;將數組的秒去掉var lastArray &＃61; obj1.dateTimeArray.pop();var lastTime &＃61; obj1.dateTime.pop();this.setData({dateTime: obj.dateTime,dateTimeArray: obj.dateTimeArray,dateTimeArray1: obj1.dateTimeArray,dateTime1: obj1.dateTime});},changeDate(e) {this.setData({ date: e.detail.value });},changeTime(e) {this.setData({ time: e.detail.value });},changeDateTime(e) {const that&＃61;this;console.log("打印時間~~~~~~~~~~~~~~~~~~~~~", this.data.dateTimeArray);this.setData({ dateTime: e.detail.value });console.log("打印時間", this.data.dateTime);var aaa1 &＃61; that.data.dateTime[0];var aaa2 &＃61; that.data.dateTime[1];var aaa3 &＃61; that.data.dateTime[2];var aaa4 &＃61; that.data.dateTime[3];var aaa5 &＃61; that.data.dateTime[4];var aaa6 &＃61; that.data.dateTime[5];var time1 &＃61; that.data.dateTimeArray[0][aaa1];var time2 &＃61; that.data.dateTimeArray[1][aaa2];var time3 &＃61; that.data.dateTimeArray[2][aaa3];var time4 &＃61; that.data.dateTimeArray[3][aaa4];var time5 &＃61; that.data.dateTimeArray[4][aaa5];var time6 &＃61; that.data.dateTimeArray[5][aaa6];var time &＃61; time1 &＃43; &＃39;-&＃39; &＃43; time2 &＃43; &＃39;-&＃39; &＃43; time3 &＃43; &＃39; &＃39; &＃43; time4 &＃43; &＃39;:&＃39; &＃43; time5 &＃43; &＃39;:&＃39; &＃43; time6;console.log("時間88888888888888888888888888888:", time);},changeDateTime1(e) {this.setData({ dateTime1: e.detail.value });},changeDateTimeColumn(e) {var arr &＃61; this.data.dateTime, dateArr &＃61; this.data.dateTimeArray;arr[e.detail.column] &＃61; e.detail.value;dateArr[2] &＃61; dateTimePicker.getMonthDay(dateArr[0][arr[0]], dateArr[1][arr[1]]);this.setData({dateTimeArray: dateArr,dateTime: arr});},changeDateTimeColumn1(e) {var arr &＃61; this.data.dateTime1, dateArr &＃61; this.data.dateTimeArray1;arr[e.detail.column] &＃61; e.detail.value;dateArr[2] &＃61; dateTimePicker.getMonthDay(dateArr[0][arr[0]], dateArr[1][arr[1]]);this.setData({dateTimeArray1: dateArr,dateTime1: arr});}
})


dateTimePicker.js

function withData(param) {return param }
function getLoopArray(start, end) {var start &＃61; start || 0;var end &＃61; end || 1;var array &＃61; [];for (var i &＃61; start; i }
function getMonthDay(year, month) {var flag &＃61; year % 400 &＃61;&＃61; 0 || (year % 4 &＃61;&＃61; 0 && year % 100 !&＃61; 0), array &＃61; null;switch (month) {case &＃39;01&＃39;:case &＃39;03&＃39;:case &＃39;05&＃39;:case &＃39;07&＃39;:case &＃39;08&＃39;:case &＃39;10&＃39;:case &＃39;12&＃39;:array &＃61; getLoopArray(1, 31)break;case &＃39;04&＃39;:case &＃39;06&＃39;:case &＃39;09&＃39;:case &＃39;11&＃39;:array &＃61; getLoopArray(1, 30)break;case &＃39;02&＃39;:array &＃61; flag ? getLoopArray(1, 29) : getLoopArray(1, 28)break;default:array &＃61; &＃39;月份格式不正確&＃xff0c;請重新輸入&＃xff01;&＃39;}return array;
}
function getNewDateArry() {// 當前時間的處理var newDate &＃61; new Date();var year &＃61; withData(newDate.getFullYear()),mont &＃61; withData(newDate.getMonth() &＃43; 1),date &＃61; withData(newDate.getDate()),hour &＃61; withData(newDate.getHours()),minu &＃61; withData(newDate.getMinutes()),seco &＃61; withData(newDate.getSeconds());return [year, mont, date, hour, minu, seco];
}
function dateTimePicker(startYear, endYear, date) {// 返回默認顯示的數組和聯動數組的聲明var dateTime &＃61; [], dateTimeArray &＃61; [[], [], [], [], [], []];var start &＃61; startYear || 1978;var end &＃61; endYear || 2100;// 默認開始顯示數據var defaultDate &＃61; date ? [...date.split(&＃39; &＃39;)[0].split(&＃39;-&＃39;), ...date.split(&＃39; &＃39;)[1].split(&＃39;:&＃39;)] : getNewDateArry();// 處理聯動列表數據/*年月日 時分秒*/dateTimeArray[0] &＃61; getLoopArray(start, end);dateTimeArray[1] &＃61; getLoopArray(1, 12);dateTimeArray[2] &＃61; getMonthDay(defaultDate[0], defaultDate[1]);dateTimeArray[3] &＃61; getLoopArray(0, 23);dateTimeArray[4] &＃61; getLoopArray(0, 59);dateTimeArray[5] &＃61; getLoopArray(0, 59);dateTimeArray.forEach((current, index) &＃61;> {dateTime.push(current.indexOf(defaultDate[index]));});return {dateTimeArray: dateTimeArray,dateTime: dateTime}
}
module.exports &＃61; {dateTimePicker: dateTimePicker,getMonthDay: getMonthDay
}


項目好需要這個效果&＃xff0c;大佬寫的很牛逼。愛掏網 - it200.com

轉載地址&＃xff1a;https://blog.csdn.net/m0_38082783/article/details/78921283