<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>昨天今天本月的时间段</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <p @click="day_btn(1)">本日</p> <p @click="day_btn(2)">昨日</p> <p @click="day_btn(3)">本月</p> </div> <script> var app = new Vue({ el: '#app', data: { firstTime: '', endTime: '' }, methods: { // 点击今天,昨天,本月的 day_btn: function (num) { var this_1 = this if(num == 1){ // 今天的现在的时间 var endTime = new Date() this_1.endTime = get_str_time(endTime) console.log('今天的现在时间') console.log(this_1.endTime) // 获取今天的零点的时间戳 var firstTime = new Date() firstTime.setHours(0) firstTime.setMinutes(0) firstTime.setSeconds(0) firstTime.setMilliseconds(0) firstTime = firstTime.getTime() firstTime = get_str_time(firstTime) console.log('今天的0点的时间戳') console.log(firstTime) this_1.firstTime = firstTime }else if (num == 2){ // 获取昨天的零点的时间戳 var firstTime = new Date() firstTime.setHours(24) firstTime.setMinutes(0) firstTime.setSeconds(0) firstTime.setMilliseconds(0) firstTime = firstTime.getTime() firstTime = firstTime - 24*60*60*1000*2 firstTime = get_str_time(firstTime) console.log('昨天的0点的时间戳') console.log(firstTime) this_1.firstTime = firstTime // 昨天的24点的时间 var endTime = new Date() endTime.setHours(24) endTime.setMinutes(0) endTime.setSeconds(0) endTime.setMilliseconds(0) endTime = endTime.getTime() endTime = endTime - 24*60*60*1000 endTime = get_str_time(endTime) console.log('昨天的24点的时间戳') console.log(endTime) this_1.endTime = endTime }else if (num == 3){ // 获取本月第一天的零点的时间戳 开始时间 var firstTime = new Date() firstTime.setDate(1) firstTime.setHours(0) firstTime.setMinutes(0) firstTime.setSeconds(0) firstTime.setMilliseconds(0) firstTime = firstTime.getTime() firstTime = get_str_time(firstTime) console.log('本月第一天的0点的时间戳') console.log(firstTime) this_1.firstTime = firstTime // 本月里现在的时间 结束时间 var endTime = new Date() this_1.endTime = get_str_time(endTime) console.log('本月里今天的现在时间') console.log(this_1.endTime) } } } }) </script> <script> // 2.时间转化 function get_str_time(time){ var datetime = new Date(); datetime.setTime(time); var year = datetime.getFullYear(); var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1; var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate(); var hour = datetime.getHours()< 10 ? "0" + datetime.getHours() : datetime.getHours(); var minute = datetime.getMinutes()< 10 ? "0" + datetime.getMinutes() : datetime.getMinutes(); var second = datetime.getSeconds()< 10 ? "0" + datetime.getSeconds() : datetime.getSeconds(); return year + "-" + month + "-" + date+" "+hour+":"+minute+":"+second; } </script> </body> </html>