js 获取当天时间,实现展示包含今天的一周时间的方法

js 获取当天时间,实现展示包含今天的一周时间

封装获得第n天的时间数据
循环得到未来n天的时间数据

最近写了一个关于需要时间预约的项目,记录一下如何实现未来一周数据的处理,时间的展示

封装获得第n天的时间数据

为了代码的可复用我将他封装进了一个方法
通过调用本方法,向方法传参(哪一天,如今天是0,明天是1依次类推)就可得到当天时间数据,具体如下:
js代码

getdatet: function(e) {var date = new Date();//获取当天日期var timestamp = date.valueOf(); //获取当前毫秒的时间戳，准确!var tdateta = timestamp + (3600 * 24 * 1000 * e);//从今天开始的第n天,今天为0,明天为1依次类推var ty = new Date(tdateta).getFullYear();//当天的年var tm = new Date(tdateta).getMonth() + 1;//当天的月var td = new Date(tdateta).getDate();//当天的日期var tw = new Date(tdateta).getDay();//当天的周if (tm < 10) {tm = '0' + tm;}//如当天月小于10拼接一个0if (td < 10) {td = "0" + td;}//如当天日期                     小于10拼接一个0var weekb = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];var tymd = '' + ty + tm + td;var dayobj = {id: tw,//周(1,2,3,4,5,6,0)0是周日week: weekb[tw],//文字周几date: td,//当天日期subscribe: tymd//日期格式后端要20210905};return dayobj
},

上述方法可以得到一个对象包含当天周,日期,以及年月日
有不同需求的小伙伴也可以修改下使用

循环得到未来n天的时间数据

需要七天的可以直接循环调用
插入一个新数组这样就得到一周的数据

data() {return {selected_date: [{id: 1,week: '周一',date: '',subscribe: ''},{id: 2,week: '周二',date: '',subscribe: ''},{id: 3,week: '周三',date: '',subscribe: ''},{id: 4,week: '周四',date: '',subscribe: ''},{id: 5,week: '周五',date: '',subscribe: ''},{id: 6,week: '周六',date: '',subscribe: ''},{id: 0,week: '周日',date: '',subscribe: ''}]}},onLoad(){for (let i = 0; i < 7; i++) {//需要几天可以循环几天theday = that.getdatet(i);that.selected_date[i] = theday;}}

js 获取当天时间,实现展示包含今天的一周时间的方法相关推荐

JS获取当天零点或23:59:59的时间
JS获取当天(或某一条)零点的方法还是比较多,但是很多方法并不能支持所有设备(或系统),这里我以获取当天零点为例. // 方法一: let mytime = new Date(new Date(new ...
php 获取js对象的属性值,js获取对象,数组所有属性键值(key)和对应值(value)的方法示例...
本文实例讲述了js获取对象,数组所有属性键值(key)和对应值(value)的方法.分享给大家供大家参考,具体如下: var values=function(object) { var values ...
js获取当天0时刻，23点59分59秒的时间戳
获取某一段时间数组比如['2018-10-11','2018-10-12','2018-10-13','2018-10-14'] getTimeb(num) {var timeArry = [];v ...
JS获取当天零点零时零秒（中国标准时间）格式
记录关于如果如何获取当天零点时间(中国标准时间)格式前言在项目中使用Element-ui中 DateTimePicker 日期时间选择器时,开始时间与结束时间需要默认当天时间,结束时间需要判断当天 ...
js获取当天最后一秒和所在星期最后一秒的时间戳
话不多说,直接上代码: //获取每一天24点前一秒的时间戳 var todayYear=(new Date()).getFullYear(); var todayMonth=(new Date()). ...
JS获取客户端IP地址、MAC和主机名的7个方法汇总
今天在搞JS(javascript)获取客户端IP的小程序,上网搜了下,好多在现在的系统和浏览器中的都无效,很无奈,在Chrome.FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本. ...
js获取android mac地址,JS获取客户端IP地址、MAC和主机名的7个方法汇总
今天在搞JS(javascript)获取客户端IP的小程序,上网搜了下,好多在现在的系统和浏览器中的都无效,很无奈,在Chrome.FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本. ...
php js 获取客户端ip地址,JS获取客户端IP地址、MAC和主机名的7个方法汇总_javascript技巧...
今天在搞JS(javascript)获取客户端IP的小程序,上网搜了下,好多在现在的系统和浏览器中的都无效,很无奈,在Chrome.FireFox中很少搞到直接利用ActiveX获取IP等的JS脚本. ...
moment.js获取当天，本周，当月，当季，近n天开始结束时间
<!DOCTYPE html> <html> <head><title>测试时间控件</title><meta charset=&qu ...

js 获取当天时间,实现展示包含今天的一周时间的方法

js 获取当天时间,实现展示包含今天的一周时间

封装获得第n天的时间数据

循环得到未来n天的时间数据

js 获取当天时间,实现展示包含今天的一周时间的方法相关推荐

最新文章

热门文章