详解vue如何获取当前系统时间

 更新时间:2024年01月11日 09:47:39   作者:吴小花的博客  
这篇文章主要详细介绍了vue如何获取当前系统时间,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

1.获取当前系统时间时分秒

// 标准时间格式转化为年月日时分秒
export function ssDateTimeFn(timestamp) {
  if (!timestamp) {
    return timestamp
  }
  // timestamp是整数,否则要parseInt转换,不会出现少个0的情况
  const time = new Date(timestamp)
  const year = time.getFullYear()
  const month = time.getMonth() + 1
  const date = time.getDate()
  const hours = time.getHours()
  const minutes = time.getMinutes()
  const seconds = time.getSeconds()
  return year + '-' + add0(month) + '-' + add0(date) + ' ' + add0(hours) + ':' + add0(minutes) + ':' + add0(seconds)
}
import {
  ssDateTimeFn
} from '@/utils/commonss' // 公共事件引入使用
ssDateTimeFn(new Date())

2.// 标准时间格式转化为年月日时分

// 标准时间格式转化为年月日时分
function mmDateTimeFn(timestamp) {
  if (!timestamp) {
    return timestamp
  }
  // timestamp是整数,否则要parseInt转换,不会出现少个0的情况
  const time = new Date(timestamp)
  const year = time.getFullYear()
  const month = time.getMonth() + 1
  const date = time.getDate()
  const hours = time.getHours()
  const minutes = time.getMinutes()
  // const seconds = time.getSeconds()
  return year + '-' + add0(month) + '-' + add0(date) + ' ' + add0(hours) + ':' + add0(minutes)
}

3.年月日不带时分

// 年月日 不带时分
function dateFormat(timestamp) {
  if (!timestamp) {
    return timestamp
  }
  // timestamp是整数,否则要parseInt转换,不会出现少个0的情况
  const time = new Date(timestamp)
  const year = time.getFullYear()
  const month = time.getMonth() + 1
  const date = time.getDate()
  return year + '-' + add0(month) + '-' + add0(date)
}

以上就是详解vue如何获取当前系统时间的详细内容,更多关于vue获取当前系统时间的资料请关注脚本之家其它相关文章!

相关文章

  • Vue绑定class和绑定内联样式的实现方法

    Vue绑定class和绑定内联样式的实现方法

    本文主要介绍了Vue绑定class和绑定内联样式的实现方法,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • vue2.0使用swiper组件实现轮播的示例代码

    vue2.0使用swiper组件实现轮播的示例代码

    下面小编就为大家分享一篇vue2.0使用swiper组件实现轮播的示例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • TinyMCE富文本编辑器在Vue中的使用方式

    TinyMCE富文本编辑器在Vue中的使用方式

    这篇文章主要介绍了TinyMCE富文本编辑器在Vue中的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-04-04
  • vue-cli2.x项目优化之引入本地静态库文件的方法

    vue-cli2.x项目优化之引入本地静态库文件的方法

    这篇文章主要介绍了vue-cli2.x项目优化之引入本地静态库文件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06
  • vue backtop组件的实现完整代码

    vue backtop组件的实现完整代码

    这篇文章主要介绍了vue backtop组件的实现完整代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • Node.js+Vue脚手架环境搭建的方法步骤

    Node.js+Vue脚手架环境搭建的方法步骤

    这篇文章主要介绍了Node.js+Vue脚手架环境搭建的方法步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2020-03-03
  • Vue3中element-plus全局使用Icon图标的过程详解

    Vue3中element-plus全局使用Icon图标的过程详解

    我们在用vue开发网站的时候,往往图标是起着很重要的作,这篇文章主要给大家介绍了关于Vue3中element-plus全局使用Icon图标的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-01-01
  • vue-router路由模式详解(小结)

    vue-router路由模式详解(小结)

    这篇文章主要介绍了vue-router路由模式详解(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Vue extends 属性的用法示例详解

    Vue extends 属性的用法示例详解

    这篇文章主要为大家介绍了Vue extends 属性的用法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • vue3.0实现考勤日历组件使用详解

    vue3.0实现考勤日历组件使用详解

    这篇文章主要为大家详细介绍了vue3.0实现考勤日历组件使用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08

最新评论