获取今天昨天本月的时间段

最新推荐文章于 2023-08-01 16:53:21 发布

qq_36320160

最新推荐文章于 2023-08-01 16:53:21 发布

阅读量163

点赞数 1

分类专栏：前端文章标签： js vue 时间戳今天昨天本月时间段

原文链接：https://www.mk2048.com/blog/blog.php?id=haka0iabaaaa&title=%E8%8E%B7%E5%8F%96%E4%BB%8A%E5%A4%A9%E6%98%A8%E5%A4%A9%E6%9C%AC%E6%9C%88%E7%9A%84%E6%97%B6%E9%97%B4%E6%AE%B5

版权

前端专栏收录该内容

520 篇文章 2 订阅

订阅专栏

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