<div class="datetext"> <img class="dateLeft" src="./images/dateLeft.png"> <div><span class="startDate">2019-07-08</span> 至 <span class="endDate">2019-07-14</span></div> <img class="dateRight" bindtap="nextWeek" src="./images/dateRight.png"> </div>
// 一周时间表 function getBeforeDate(n) {//n为你要传入的参数,当前为0,前一天为-1,后一天为1 var date = new Date(); var year, month, day; date.setDate(date.getDate() + n); year = date.getFullYear(); month = date.getMonth() + 1; day = date.getDate(); s = year + '-' + (month < 10 ? ('0' + month) : month) + '-' + (day < 10 ? ('0' + day) : day); return s; } getBeforeDate(0); function addDate(date, days) { var d = new Date(date); d.setDate(d.getDate() + days); var month = d.getMonth() + 1; var day = d.getDate(); if (month < 10) { month = "0" + month; } if (day < 10) { day = "0" + day; } var val = d.getFullYear() + "-" + month + "-" + day; return val; } var nowDate = new Date(); //当前日 var nowDay = nowDate.getDate(); //今天是本周的第几天 var nowDayOfWeek = nowDate.getDay(); // console.log(nowDayOfWeek) // console.log(getBeforeDate(1 - nowDayOfWeek)); // 获取当前一周时间表 $('.startDate').html(getBeforeDate(1 - nowDayOfWeek)); $('.endDate').html(getBeforeDate(1 - nowDayOfWeek + 6)); // 点击上一周 $('.dateLeft').on('click', function () { let dateStart = addDate($('.startDate').html(), -7); let dateEnd = addDate($('.endDate').html(), -7); $('.startDate').html(dateStart); $('.endDate').html(dateEnd); }) // 点击下一周 $('.dateRight').on('click', function () { let dateStart = addDate($('.startDate').html(), 7); let dateEnd = addDate($('.endDate').html(), 7); $('.startDate').html(dateStart); $('.endDate').html(dateEnd); })
.datetext { padding: 0 0.4267rem; height: 1.3067rem; display: flex; align-items: center; background: #fff; margin-top: 0.0133rem; } .datetext>img { width: 0.6667rem; height: 0.6667rem; } .datetext>div { flex: 1; text-align: center; color: #333; font-size: 0.4533rem; }