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

相关文章

  • 深入解析el-col-group强大且灵活的Element表格列组件

    深入解析el-col-group强大且灵活的Element表格列组件

    这篇文章主要为大家介绍了el-col-group强大且灵活的Element表格列组件深入解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • vue elementui动态添加el-input实例代码

    vue elementui动态添加el-input实例代码

    最近遇到一个新的需求,需要动态添加el-input,这篇文章主要给大家介绍了关于vue elementui动态添加el-input的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • Vue实现模糊查询filter()实例详解

    Vue实现模糊查询filter()实例详解

    因为近日在学习并使用VUE,客户有一个要求,要输入框可模糊查询并带有下拉提示的应用,数据从接口取,下面这篇文章主要给大家介绍了关于Vue实现模糊查询filter()的相关资料,需要的朋友可以参考下
    2023-04-04
  • 如何手写简易的 Vue Router

    如何手写简易的 Vue Router

    这篇文章主要介绍了如何手写简易的 Vue Router,帮助大家更好的理解和使用vue,感兴趣的朋友可以了解下
    2020-10-10
  • Vue模拟el-table演示插槽用法的示例详解

    Vue模拟el-table演示插槽用法的示例详解

    很多人知道插槽分为三种,但是实际到elementui当中为什么这么用,就一脸懵逼,接下来就跟大家聊一聊插槽在elementui中的应用,并且自己写一个类似el-table的组件,感兴趣的可以了解一下
    2023-05-05
  • 用Vue写一个分页器的示例代码

    用Vue写一个分页器的示例代码

    本篇文章主要介绍了用Vue写一个分页器的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • 浅析Vue实例以及生命周期

    浅析Vue实例以及生命周期

    这篇文章给大家分享了Vue实例以及生命周期的相关知识点内容,有兴趣的朋友们可以学习下。
    2018-08-08
  • vue2中使用echarts实现中国地图、在中国地图上标注坐标散点图的操作代码

    vue2中使用echarts实现中国地图、在中国地图上标注坐标散点图的操作代码

    这篇文章主要介绍了vue2中使用echarts实现中国地图、在中国地图上标注坐标散点图,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2024-05-05
  • vue3之axios跨域请求问题及解决

    vue3之axios跨域请求问题及解决

    这篇文章主要介绍了vue3之axios跨域请求问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-09-09
  • vue组件中点击按钮后修改输入框的状态实例代码

    vue组件中点击按钮后修改输入框的状态实例代码

    要求点击修改按钮之后部分输入框由禁用状态变为可用状态。下面我给大家分享一段实例代码基于vue组件中点击按钮后修改输入框的状态,需要的的朋友参考下
    2017-04-04

最新评论