vue获取当前日期时间(使用moment和new Date())

作者:猪大侠0.0

在项目开发中我遇到了日期范围选择器,两种获取当前日期并做处理的写法,这里记录一下,下面这篇文章主要给大家介绍了关于vue获取当前日期时间(使用moment和new Date())的相关资料,需要的朋友可以参考下

vue获取当前日期时间

开发中会有要获取当前日期的需求,有的是获取到当前月份,有的是精确到分秒。

而且日期的格式还不一样,一下有两种获取时间的方式:

1 new Date()+拼接

  • yy/MM/dd hh:mm:ss – 例如:2022/05/01 00:00:00
  • yy/M/d hh:mm:ss – 例如:2022/5/1 00:00:00
* 获取当前时间 currentTime() { var date = new Date(); var year = date.getFullYear(); //月份从0~11,所以加一 let month = date.getMonth(); console.log("month",month); var dateArr = [ date.getMonth() + 1, date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), //如果格式是MM则需要此步骤,如果是M格式则此循环注释掉 for (var i = 0; i < dateArr.length; i++) { if (dateArr[i] >= 1 && dateArr[i] <= 9) { dateArr[i] = "0" + dateArr[i]; var strDate = year + "/" + dateArr[0] + "/" + dateArr[1] + " " + dateArr[2] + ":" + dateArr[3] + ":" + dateArr[4]; //此处可以拿外部的变量接收,也可直接返回 strDate:2022-05-01 13:25:30 //this.date = strDate; console.log("strDate",strDate);
  • yy-MM-dd hh:mm:ss – 例如:2022-05-01 00:00:00
  • yy-MM-dd hh:mm:ss – 例如:2022-05-01 00:00:00
* 获取当前时间 currentTime() { var date = new Date(); var year = date.getFullYear(); //月份从0~11,所以加一 let month = date.getMonth(); console.log("month",month); var dateArr = [ date.getMonth() + 1, date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), //如果格式是MM则需要此步骤,如果是M格式则此循环注释掉 for (var i = 0; i < dateArr.length; i++) { if (dateArr[i] >= 1 && dateArr[i] <= 9) { dateArr[i] = "0" + dateArr[i]; var strDate = year + "/" + dateArr[0] + "/" + dateArr[1] + " " + dateArr[2] + ":" + dateArr[3] + ":" + dateArr[4]; //此处可以拿外部的变量接收 strDate:2022-05-01 13:25:30 //this.date = strDate; console.log("strDate",strDate);

获取当前月份

* 获取当前月份,可直接返回 currentTime() { var date = new Date(); var year = date.getFullYear(); //月份从0~11,所以加一 let month = date.getMonth() + 1; console.log("month", month); //如果格式是MM则需要此步骤,如果是M格式则此处注释掉 if (month >= 1 && month <= 9) { month = "0" + month; let strDate = year + "-" + month; return strDate;

2 moment()函数获取

this.$moment().format('YYYY-MM-DD HH:mm:ss')

此函数很方便,只需在format设置自己需要的格式即可,效果如下

到此这篇关于vue获取当前日期时间的文章就介绍到这了,更多相关vue获取当前日期时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
  • vue打包后修改配置后端IP地址、端口等信息两种方法
    vue打包后修改配置后端IP地址、端口等信息两种方法
    2023-09-09
  • vue3监听路由的变化代码示例
    vue3监听路由的变化代码示例
    2023-09-09
  • Vue3自定义指令语法图文详解
    Vue3自定义指令语法图文详解
    2023-09-09
  • vue echart的使用详细教程
    vue echart的使用详细教程
    2023-09-09
  • vue3时间插件之Moment.js使用教程
    vue3时间插件之Moment.js使用教程
    2023-09-09
  • vue中的事件绑定举例详解
    vue中的事件绑定举例详解
    2023-09-09
  • Vue中的插槽Slot技术详解
    Vue中的插槽Slot技术详解
    2023-09-09
  • Vue项目前端部署详细步骤(nginx方式)
    Vue项目前端部署详细步骤(nginx方式)
    2023-09-09
  • 美国设下计谋,用娘炮文化重塑日本,已影响至中国
    美国设下计谋,用娘炮文化重塑日本,已影响至中国
    2021-11-19
  • 时空伴随者是什么意思?时空伴随者介绍
    时空伴随者是什么意思?时空伴随者介绍
    2021-11-09
  • 工信部称网盘企业免费用户最低速率应满足基本下载需求,天翼云盘回应:坚决支持,始终
    工信部称网盘企业免费用户最低速率应满足基本下载需求,天翼云盘回应:坚决支持,始终
    2021-11-05
  • 2022年放假安排出炉:五一连休5天 2022年所有节日一览表
    2022年放假安排出炉:五一连休5天 2022年所有节日一览表
    2021-10-26
  • 电脑版 - 返回首页

    2006-2023 脚本之家 JB51.Net , All Rights Reserved.
    苏ICP备14036222号