vue项目使用dayjs

Day.js 是一个极简的 JavaScript 库,它解析、验证、操作和显示现代浏览器的日期和时间。官网地址
下面简单介绍一下在vue项目i中如何使用dayjs,具体步骤如下所示:
第一步安装依赖

npm install dayjs --save

在main.js中引入dayjs,并将dayjs放到vue原型上

var dayjs = require('dayjs');
Vue.prototype.dayjs = dayjs

第三步在需要的处理时间的组件中使用dayjs

    // 编辑合同签署日期的change事件
    editContractbeginTimeChange(val) {
      console.log(val); //Wed Dec 14 2022 00:00:00 GMT+0800 (中国标准时间) 需要处理的时间
      const beginDate= this.dayjs(val).format("YYYY-MM-DD");//处理年月日
      console.log(beginTime); //2022-12-14 dayjs处理后的时间格式
      const beginTime = this.dayjs(val).format("HH:mm:ss");//处理时分秒
    },

上面是将年月日和时分秒拆开写的,也可以一起处理,如下图:

this.dayjs(val).format("YYYY-MM-DD HH:mm:ss");//这样处理之后就得到了形如 2022-02-10 14:44:30 这种格式的时间

这样就得到了我们想要的时间格式

获取星期:

        "星期日",
        "星期一",
        "星期二",
        "星期三",
        "星期四",
        "星期五",
        "星期六"
      )[new Date().getDay()],

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容