原生js日期的格式化

   // 创建日期对象
        function fn() {
            // 获得系统时间
            let date = new Date()
            console.log(date) // Thu Apr 28 2022 17:34:10 GMT+0800 (中国标准时间)
                // 距离1970年1月1日 过了多少秒   获得总的毫秒数(时间戳)
                // 通过valueOf()    getTime()
            let date3 = new Date();
            console.log(date3.valueOf())
            console.log(date3.getTime())
                // 简单写法
            let date4 = +new Date(); //+new Date(); 就是获取总的毫秒数
            console.log(date4)
                // H5新增的方法
            console.log(Date.now());
        }
        // fn()

        // 获得日期对象的年月日时分秒
        function fn1() {
            let date = new Date()
            let y = date.getFullYear() // 年
            let mon = date.getMonth() + 1 // 月
            let d = date.getDate() // 日
            let w = date.getDay() //周几  0-6
            let h = date.getHours() // 时
            let min = date.getMinutes() // 分
            let s = date.getSeconds() // 秒
            let arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
            let str = [y, mon, d].join('-')
            str += ' ' + arr[w] + ' '
            str += [h, min, s].join(':')
            console.log(str)
        }
        fn1()

        // 创建指定某天的日期
        function fn2() {
            let date = new Date('2022-8-15 08:00:00')
            console.log('今天是周', date.getDay())
        }
        fn2()

        // 日期的格式化
        function formatDate(v) {
            let date = new Date(v) // 日期不合法 date = 'Invalid Date'
                // if (Number.isNaN(Number(date))) {
                //   // date = 'Invalid Date'  Number(date) = NaN
                //   date = new Date()
                // }
            let y = (date.getFullYear() + '').padStart(4, '0') // 年
            let mon = (date.getMonth() + 1 + '').padStart(2, '0') // 月
            let d = (date.getDate() + '').padStart(2, '0') // 日
            let w = date.getDay() //周几  0-6
            let h = (date.getHours() + '').padStart(2, '0') // 时
            let min = (date.getMinutes() + '').padStart(2, '0') // 分
            let s = (date.getSeconds() + '').padStart(2, '0') // 秒
            let arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
            let str = [y, mon, d].join('-')
            str += ' ' + arr[w] + ' '
            str += [h, min, s].join(':')
            console.log(str)
            return str
        }
        formatDate('2022-6-1 18:18:18')

        //测试日期字符串参数是否合法
        let fn3 = (args) => {
            //合法数字 ,不合法NaN
            return !Number.isNaN(Date.parse(args))
            let flag = Date.parse(args)
            console.log(flag)
        }
        let rt = fn3('2022-5-6') //返回的是总的毫秒数
        console.log(rt) //true
            // setDate() 方法根据本地时间来指定一个日期对象的天数。

        // 35天后是周几
        let fn4 = () => {
            let date = new Date()
            let day = date.getDate()
            console.log(day)
            date.setDate(day + 35)
            console.log(date)
        }
        fn4()


        //倒计时
        countDown() //先调用一次这个函数,防止刷新的时候有空白
        setInterval(countDown, 1000)
            // 日期的格式化
        function countDown(v) {
            let inputTime = +new Date('2023-5-5 17:00:00'); //返回的是用户输入时间的总的毫秒数
            let nowTime = +new Date(); //返回的是当前时间总的毫秒数
            let times = (inputTime - nowTime) / 1000; //times是剩余时间总的秒数
            d = (parseInt(times / 60 / 60 / 24) + '').padStart(2, '0') //天
            h = (parseInt(times / 60 / 60 % 24) + '').padStart(2, '0') //时
            m = (parseInt(times / 60 % 60) + '').padStart(2, '0') //分
            s = (parseInt(times % 60) + '').padStart(2, '0') //秒
            let str = d + '天' + h + '时' + m + '分' + s + '秒'
            box.innerHTML = str
        }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值