收藏
回答

请问一个很菜的问题:关于时间选择

框架类型 问题类型 操作系统 工具版本
小程序 需求 Windows 1.02.180250

我是小程序初学者,在网上找到了一段选择日期时间的代码,精确到分的,我想改为只选择日期与小时即可,如图,去掉红框的分钟。请问以下代码应该如何修改,谢谢!


const app = getApp()


var dateTimePicker = require('../../utils/dateTimePicker.js');


Page({

data: {

dateTimeArray: null,

dateTime: null,

dateTimeArray1: null,

dateTime1: null,

startYear: 2000,

endYear: 2050

},

onLoad() {

// 获取完整的年月日 时分秒,以及默认显示的数组

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();

//var a=obj1.datetimearray.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) {

this.setData({ dateTime: e.detail.value });

},

changeDateTime1(e) {

this.setData({ dateTime1: e.detail.value });

},

changeDateTimeColumn(e) {

var arr = this.data.dateTime, dateArr = this.data.dateTimeArray;


arr[e.detail.column] = e.detail.value;

dateArr[2] = dateTimePicker.getMonthDay(dateArr[0][arr[0]], dateArr[1][arr[1]]);


this.setData({

dateTimeArray: dateArr,

dateTime: arr

});

},

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

});

}

})


//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

}



回答关注问题邀请回答
收藏

2 个回答

  • 一声一生。
    一声一生。
    2018-11-19

    大佬

    2018-11-19
    有用
    回复
  • 2018-11-19

    问题已解决。再pop一次即可。谢谢

    2018-11-19
    有用
    回复 3
    • 一声一生。
      一声一生。
      2018-11-19

      救我 怎么写啊 一脸懵逼呀

      2018-11-19
      回复
    • 2018-11-20回复一声一生。

      你的是什么问题?  也是遇到我同样的问题吗?

      2018-11-20
      回复
    • 一声一生。
      一声一生。
      2018-11-20回复

      解决了

      2018-11-20
      回复
登录 后发表内容