【微信小程序】微信小程序获取当日以后的时间日期天数、星期

在微信小程序或者web项目中经常用到需要获取当前时间往后多少天并显示日期含星期几的需求，现在优化为只调用一个js函数，只需调用getDates(days)函数，传入需要显示多少天日期，即返回一个携带日期的数组。

utils/util 程序

const formatTime = date => {const year = date.getFullYear()const month = date.getMonth() + 1const day = date.getDate()const hour = date.getHours()const minute = date.getMinutes()const second = date.getSeconds()return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}const formatNumber = n => {n = n.toString()return n[1] ? n : '0' + n
}//判断两个时间比较大小
function compareDate(d1, d2) {return ((new Date(d1.replace(/-/g, "\/"))) > (new Date(d2.replace(/-/g, "\/"))));
}//当前时间获取
function getCurrentToday(){const date = new Date()var year = date.getFullYear();var mouths = (date.getMonth() + 1) < 10 ? ("0" + (date.getMonth() + 1)) : (date.getMonth() + 1);var day = date.getDate() < 10 ? ("0" + date.getDate()) : date.getDate();var hours = date.getHours();var Minutes = date.getMinutes();//当前分var currentdate = year + "-" + mouths + "-" + day + "\t" + hours + ":" + Minutes;return currentdate
}/*** 传入时间后几天* param：传入时间：dates:"2018-04-02",later:往后多少天*/
function dateLater(dates, later) {let dateObj = {};let show_day = new Array('周日', '周一', '周二', '周三', '周四', '周五', '周六');let date = new Date(dates);date.setDate(date.getDate() + later);let day = date.getDay();dateObj.dates = ((date.getMonth() + 1) < 10 ? ("0" + (date.getMonth() + 1)) : date.getMonth() + 1) + "月" + (date.getDate() < 10 ? ("0" + date.getDate()) : date.getDate()) + "日";dateObj.newdates = ((date.getMonth() + 1) < 10 ? ("0" + (date.getMonth() + 1)) : date.getMonth() + 1) + "-" + (date.getDate() < 10 ? ("0" + date.getDate()) : date.getDate());dateObj.year = date.getFullYear();dateObj.month = ((date.getMonth() + 1) < 10 ? ("0" + (date.getMonth() + 1)) : date.getMonth() + 1);dateObj.day = (date.getDate() < 10 ? ("0" + date.getDate()) : date.getDate());dateObj.week = show_day[day];return dateObj;
}module.exports = {formatTime: formatTime,compareDate: compareDate,getCurrentToday: getCurrentToday,dateLater: dateLater
}

js程序

var util = require('../../utils/util.js');
Page({data: {list:[] //存储日期列表},onLoad: function () {console.log(this.getCurrentMonthFirst()) // console.log(this.getDates(7))this.setData({list:this.getDates(10) //获取10天后日期})console.log(this.data.list)},//获取当前时间getCurrentMonthFirst: function () {var date = new Date();var todate = date.getFullYear() + "-" + ((date.getMonth() + 1) < 10 ? ("0" + (date.getMonth() + 1)) : date.getMonth() + 1) + "-" + (date.getDate() < 10 ? ("0" + date.getDate()) : date.getDate());return todate;},getDates: function (days, todate = this.getCurrentMonthFirst()) {var dateArry = [];for (var i = 0; i < days; i++) {var dateObj = util.dateLater(todate, i);dateArry.push(dateObj)}return dateArry;},
})

wxml程序

<view wx:for="{{list}}"><button>{{item.dates}}  {{item.week}}</button>
</view>

参考链接：

微信小程序获取日期天数带星期 https://www.jianshu.com/p/33736c93d716

具体应用实例请看github上面的日期选择组件栗子：https://github.com/kingbuwu/weapp-date.git

【微信小程序】微信小程序获取当日以后的时间日期天数、星期相关推荐

Java获取当日的起始时间和结束时间
//获取0点 public static Date getStartTime() {Calendar todayStart = Calendar.getInstance();todayStart.se ...
php获取7天,php 获取未来七天的日期和星期
php获取未来七天的日期和星期代码 for($i=4;$i<8;$i++){ $dateArray[$i]=date('Y-m-d',strtotime(date('Y-m-d').'+'.$i ...
获取该字符串表示的日期是星期几，以及这一年的第几天？
2.分析一下需求,并用代码实现通过键盘录入日期字符串,格式(2015-10-10),获取该字符串表示的日期是星期几,以及这一年的第几天如输入:2015-10-10,输出"2015年10月 ...
Python获取、格式化当前时间日期的方法
本篇文章给大家整理的是关于Python获取.格式化当前时间日期的方法,对此有需要的朋友们可以学习参考. Python获取当前时间_获取格式化时间: Python获取当前时间: 使用 time.time ...
JS获取当日起止时间时间戳
需求 js获取当天时间的起止时间戳 new Date().setHours(hour,?min,?sec,?ms) Date对象中setHours()方法,必传参数hour,可选参数min,sec,m ...
python获取当前年月日_Python获取、格式化当前时间日期的方法
Python获取当前时间_获取格式化时间: Python获取当前时间: 使用 time.time( ) 获取到距离1970年1月1日的秒数(浮点数),然后传递给 localtime 获取当前时间 #使 ...
前端获取明天,后天等的日期和星期几
废话不多说直接上代码 // 获取明天后天什么日期GetDateStr(AddCount) {var dd = new Date();dd.setDate(dd.getDate() + AddCount ...
php获取laydate,解决laydate时间日期插件定位溢出
laydate是一款比较好用的网页时间日期插件,不过用起来有一些细节问题需要我们手动去解决!例如:laydate兼容bootstrap 1. 默认情况 laydate弹出层默认对齐input左边框 2 ...
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...