#moment.js# 获年月日/js 获取时间日期

最新推荐文章于 2024-07-16 09:49:59 发布

Miraitowa_chole

最新推荐文章于 2024-07-16 09:49:59 发布

阅读量651

点赞数

分类专栏： vue专栏文章标签： javascript 前端 vue.js 小程序 elementui

本文链接：https://blog.csdn.net/ZHENGCHUNJUN/article/details/127305370

版权

vue专栏专栏收录该内容

53 篇文章 7 订阅

订阅专栏

安装

npm install moment

引入（在需要用到页面引入）

   import moment from 'moment';  //引入moment/
   export default {
   components: {},
   props: {},

使用

<template>
   <div class="newsInfor">
        <p>{{'当前的时间：' +nowTime}}</p>
        <p>{{'当前的时间，精确到秒：' +nowTimes}}</p>
        <p>{{'三天前：'+lastTime}}</p>
        <p>{{'今天星期几：'+week}}</p>
        <P>{{'多少个小时前：'+hour}}</P>
        <P>{{'当天日期：'+day}}</P>
        <P>{{'当月第一天：'+startDate}}</P>
        <P>{{'当月最后一天：'+endDate}}</P>
        <P>{{'上一个月的当天日期：'+calendar}}</P>

   </div>
</template>

  export default {
   components: {},
   props: {},
   data() {
    return {
        nowTime:'',
        nowTimes:'',
        lastTime:'',
        week:'',
        hour:'',
        day:'',
        startDate:'',
        endDate:'',
        calendar:''
       };
   },
   created() {
        this.nowTime = moment(new Date()).add('year',0).format("YYYY-MM-DD ");//2022-10-13 //获取当前时间
        this.nowTimes = moment(new Date()).add('year',0).format("YYYY-MM-DD HH:mm:ss"); //2022-10-13 17:08:20 //获取当前时间，精确到几点几秒
        this.lastTime = moment().add(-3,'d').format('YYYY-MM-DD HH:mm:ss') //2022-10-10 17:08:20 获取三天前的时间,多少天就改数字就可以了
        this.week = moment().format('dddd'); //星期四
        this.hour = moment().startOf('day').fromNow(); //多少个小时前
        this.day = moment().format('MMM Do YYYY')//获取当天的日期
        this.startDate= moment("2022-10").startOf("month").format("YYYY-MM-DD"),//获取某月的第一天,修改日期即可
        this.endDate= moment("2022-10").endOf("month").format("YYYY-MM-DD") //获取某月的最后一天,修改日期即可
        this.calendar = moment().subtract(1, 'month').format('YYYY-MM-DD') //上一个月的当天日期

   },