900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 【转】微信小程序日期时间选择器(年月日时分秒)

【转】微信小程序日期时间选择器(年月日时分秒)

时间:2023-10-24 03:10:59

相关推荐

【转】微信小程序日期时间选择器(年月日时分秒)

公司需要用到秒

但是小程序提供的只到分钟

vantui也只到分钟,真的是有问题啊

从网上找了一个试了试可以用如下:

<picker mode="multiSelector" value="{{dateTime1}}" bindchange="changeDateTime1" bindcolumnchange="changeDateTimeColumn1" range="{{dateTimeArray1}}"><view class="text">{{dateTimeArray1[0][dateTime1[0]]}}-{{dateTimeArray1[1][dateTime1[1]]}}-{{dateTimeArray1[2][dateTime1[2]]}} {{dateTimeArray1[3][dateTime1[3]]}}:{{dateTimeArray1[4][dateTime1[4]]}}:{{dateTimeArray1[5][dateTime1[5]]}}</view></picker>

data: {dateTimeArray1: null,dateTime1: null,startYear: null,endYear: null,},onLoad: function(options) {let that = this;// 获取完整的年月日 时分秒,以及默认显示的数组var obj = dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);var obj1 = dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);// 精确到分的处理,将数组的秒去掉//var lastArray = obj1.dateTimeArray.pop();//var lastTime = obj1.dateTime.pop();this.setData({dateTimeArray1: obj1.dateTimeArray,dateTime1: obj1.dateTime});},// 选择日期时间changeDateTime1(e) {this.setData({dateTime1: e.detail.value});},changeDateTimeColumn1(e) {var arr = this.data.dateTime1,dateArr = this.data.dateTimeArray1;arr[e.detail.column] = e.detail.value;dateArr[2] = dateTimePicker.getMonthDay(dateArr[0][arr[0]], dateArr[1][arr[1]]);this.setData({dateTimeArray1: dateArr,dateTime1: arr});},

需要引入的文件: var dateTimePicker = require(‘…/…/utils/dateTimePicker.js’);

function withData(param) {return param < 10 ? '0' + param : '' + param;}function getLoopArray(start, end) {var start = start || 0;var end = end || 1;var array = [];for (var i = start; i <= end; i++) {array.push(withData(i));}return array;}function getMonthDay(year, month) {var flag = year % 400 == 0 || (year % 4 == 0 && year % 100 != 0), array = null;switch (month) {case '01':case '03':case '05':case '07':case '08':case '10':case '12':array = getLoopArray(1, 31)break;case '04':case '06':case '09':case '11':array = getLoopArray(1, 30)break;case '02':array = flag ? getLoopArray(1, 29) : getLoopArray(1, 28)break;default:array = '月份格式不正确,请重新输入!'}return array;}function getNewDateArry() {// 当前时间的处理var newDate = new Date();var year = withData(newDate.getFullYear()),mont = withData(newDate.getMonth() + 1),date = withData(newDate.getDate()),hour = withData(newDate.getHours()),minu = withData(newDate.getMinutes()),seco = withData(newDate.getSeconds());return [year, mont, date, hour, minu, seco];}function dateTimePicker(startYear, endYear, date) {// 返回默认显示的数组和联动数组的声明var dateTime = [], dateTimeArray = [[], [], [], [], [], []];var start = startYear || 1978;var end = endYear || 2100;// 默认开始显示数据var defaultDate = date ? [...date.split(' ')[0].split('-'), ...date.split(' ')[1].split(':')] : getNewDateArry();// 处理联动列表数据/*年月日 时分秒*/dateTimeArray[0] = getLoopArray(start, end);dateTimeArray[1] = getLoopArray(1, 12);dateTimeArray[2] = getMonthDay(defaultDate[0], defaultDate[1]);dateTimeArray[3] = getLoopArray(0, 23);dateTimeArray[4] = getLoopArray(0, 59);dateTimeArray[5] = getLoopArray(0, 59);dateTimeArray.forEach((current, index) => {dateTime.push(current.indexOf(defaultDate[index]));});return {dateTimeArray: dateTimeArray,dateTime: dateTime}}module.exports = {dateTimePicker: dateTimePicker,getMonthDay: getMonthDay}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。