详解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获取当前系统时间的资料请关注脚本之家其它相关文章!

相关文章

  • vxe-table vue table 表格组件功能

    vxe-table vue table 表格组件功能

    这篇文章主要介绍了vxe-table vue table 表格组件功能,功能非常强大,文中给大家提到了功能点,需要的朋友可以参考下
    2019-05-05
  • 如何使用Vue+Element做个个人中心

    如何使用Vue+Element做个个人中心

    我们在做了用户登录后,就会让用户跳转到个人中心,下面这篇文章主要给大家介绍了关于如何使用Vue+Element做个个人中心的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • 浅谈Vue.js

    浅谈Vue.js

    本文主要介绍了Vue.js的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • vant/vue跨域请求解决方案

    vant/vue跨域请求解决方案

    这篇文章主要介绍了vant/vue跨域请求解决方案,需要的朋友可以参考下
    2022-12-12
  • mockjs+vue页面直接展示数据的方法

    mockjs+vue页面直接展示数据的方法

    这篇文章主要介绍了mockjs+vue页面直接展示数据的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • Vue中的change事件无效问题及解决

    Vue中的change事件无效问题及解决

    这篇文章主要介绍了Vue中的change事件无效问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • 修改vue源码实现动态路由缓存的方法

    修改vue源码实现动态路由缓存的方法

    这篇文章主要介绍了修改vue源码实现动态路由缓存的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • vue3动态加载组件以及动态引入组件详解

    vue3动态加载组件以及动态引入组件详解

    ​平常的vue项目开发,已经很难遇见一千行,甚至几千行代码的页面了,毕竟大家都会去拆分组件,下面这篇文章主要给大家介绍了关于vue3动态加载组件以及动态引入组件的相关资料,需要的朋友可以参考下
    2023-03-03
  • vue中销毁定时器的几种解决方案

    vue中销毁定时器的几种解决方案

    这篇文章主要给大家介绍了关于vue中销毁定时器的几种解决方案,销毁定时器的操作一般是在beforeDestroy钩子中进行,根据定时器的数量不同可以有多种解决方法,需要的朋友可以参考下
    2023-08-08
  • vue点击导航页面实现自动滚动到特定位置

    vue点击导航页面实现自动滚动到特定位置

    这篇文章主要介绍了vue点击导航页面实现自动滚动到特定位置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03

最新评论