vue怎样获取当前时间,并且传递给后端(不用注解)

 更新时间:2023年12月02日 14:11:28   作者:最爱吃苹果  
这篇文章主要介绍了vue怎样获得当前时间,并且传递给后端(不用注解)问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue获得当前时间,并且传递给后端

第一步

先获得当前时间

  var _this = this;
      let yy = new Date().getFullYear();
      let mm = new Date().getMonth()+1;
      let dd = new Date().getDate();
      let hh = new Date().getHours();
      let mf = new Date().getMinutes()<10 ? '0'+new Date().getMinutes() : new Date().getMinutes();
      let ss = new Date().getSeconds()<10 ? '0'+new Date().getSeconds() : new Date().getSeconds();

第二步

写用对象返回(我是给后端返回一个对象,所以在time前加了个messageboard,如果你没有直接返回time节ok)

  _this.messageBoard.time = yy+"-"+mm+"-"+dd;
      console.log(_this.messageBoard.time)

为什么不住注解

以下:后端要求的标准写法,如果你想要加小时,分钟,秒就按照下面的格式写。

standard forms ("yyyy-MM-dd'T'HH:mm:ss.SSSX", "yyyy-MM-dd'T'HH:mm:ss.SSS", "EEE, dd MMM yyyy HH:mm:ss zzz", "yyyy-MM-dd")

vue获取当前时间(年月日 时分秒)

代码实现

    // 获取当前时间
    const getGurrentTime = () => {
      let yy = new Date().getFullYear();
      let mm = (new Date().getMonth() + 1) < 10 ? '0' + (new Date().getMonth() + 1) : (new Date().getMonth() + 1);
      let dd = (new Date().getDate()) < 10 ? '0' + (new Date().getDate() + 1) : (new Date().getDate() + 1);
      let hh = new Date().getHours() < 10 ? '0' + new Date().getHours() : new Date().getHours();
      let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes();
      let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds();
      return  yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss;
    };

实现效果

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue-cli项目中怎么使用mock数据

    vue-cli项目中怎么使用mock数据

    本篇文章主要介绍了vue-cli项目中怎么使用mock数据 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 浅谈Vue2.0父子组件间事件派发机制

    浅谈Vue2.0父子组件间事件派发机制

    本篇文章主要介绍了浅谈Vue2.0父子组件间事件派发机制,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • Vue echarts画甘特图流程详细讲解

    Vue echarts画甘特图流程详细讲解

    这篇文章主要介绍了Vue echarts画甘特图流程,甘特图(Gantt chart)又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况
    2022-09-09
  • 浏览器事件循环与vue nextTicket的实现

    浏览器事件循环与vue nextTicket的实现

    这篇文章主要介绍了浏览器事件循环(结合vue nextTicket)的实现方法,需要的朋友可以参考下
    2019-04-04
  • vue实现短信验证码登录功能(流程详解)

    vue实现短信验证码登录功能(流程详解)

    无论是移动端还是pc端登录或者注册界面都会见到手机验证码登录这个功能,输入手机号,得到验证码,这篇文章主要介绍了基于vue实现短信验证码登录功能,需要的朋友可以参考下
    2019-12-12
  • 浅谈vue项目打包优化策略

    浅谈vue项目打包优化策略

    这篇文章主要介绍了浅谈vue项目打包优化策略,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • 解决项目vite1.0升级到2.0打包遇到Some chunks are larger问题

    解决项目vite1.0升级到2.0打包遇到Some chunks are larger问题

    本文主要介绍了解决项目vite1.0升级到2.0打包遇到Some chunks are larger问题,文中根据实例编码详细介绍的十分详尽,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Vue2+element-ui实现面包屑导航

    Vue2+element-ui实现面包屑导航

    这篇文章主要为大家详细介绍了Vue2+element-ui使用面包屑导航的正确姿势,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 在Vue项目中用fullcalendar制作日程表的示例代码

    在Vue项目中用fullcalendar制作日程表的示例代码

    这篇文章主要介绍了在Vue项目中用fullcalendar制作日程表,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • vue 递归组件的简单使用示例

    vue 递归组件的简单使用示例

    这篇文章主要介绍了vue 递归组件的简单使用示例,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2021-01-01

最新评论