首页 > 其他分享 >vue3毫秒级时间戳转换

vue3毫秒级时间戳转换

时间:2024-05-31 15:10:34浏览次数:27  
标签:00 转换 string newTime vue3 毫秒 length time date

Unix 时间戳是从1970年1月1日(UTC/GMT的午夜)开始所经过的秒数,不考虑闰秒。

以下2个方法源自于时间工具包:time utils

效果展示:在线时间戳转换工具

时间转时间戳

/**
 * 将某个时间转化成时间戳
 * 时间格式:2019-05-20 00:00:00 或 2019年5月1日 00:00:00
 * 返回值:1556640000000,13位时间戳
 */
function Jh_convertTimeStamp(time: string): number {
  // 用正则主要是把“2019-05-20 00:00:00”转换成“2019/05/20 00:00:00”兼容ios
  let newTime = time.replace(/-|\./g, '/')
  // console.log(newTime);
  // newTime = newTime.replace(/\./g, "-");
  newTime = newTime.replace(/年/g, '/')
  newTime = newTime.replace(/月/g, '/')
  newTime = newTime.replace(/日/g, '')
  if (newTime.length === 4) {
    newTime = newTime + '/01/01 00:00:00'
  }
  if (newTime.length === 7) {
    newTime = newTime + '/01 00:00:00'
  }
  if (newTime.length === 10) {
    newTime = newTime + ' 00:00:00'
  }
  if (newTime.length === 16) {
    newTime = newTime + ':00'
  }
  return Date.parse(newTime)
}

使用示例

let res = Jh_convertTimeStamp('2024-05-31 14:16:39')

时间戳转换时间

/**
 * 将某个时间戳转化成 指定格式时间
 * @param {date} time 时间  new Date().getTime()
 * @param {string} cFormat {y}-{m}-{d} {h}:{i}:{s} {w}
 */
function Jh_timeStampToTime(time: string | number | Date, cFormat: string): string {
  if (arguments.length === 0) {
    return ''
  }
  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
  let date: Date
  if (typeof time === 'object') {
    date = time as Date
  } else {
    if (('' + time).length === 10) time = parseInt(time as string) * 1000
    date = new Date(time)
  }

  const formatObj: any = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    w: date.getDay()
  }
  const time_str = format.replace(/{(y|m|d|h|i|s|w)+}/g, (result, key) => {
    let value = formatObj[key]
    if (key === 'w') {
      return ['日', '一', '二', '三', '四', '五', '六'][value]
    }
    if (result.length > 0 && value < 10) {
      value = '0' + value
    }
    return value || 0
  })
  return time_str
}

使用示例:

let res = Jh_timeStampToTime(1717136199178, '{y}-{m}-{d} {h}:{i}:{s}')

Tools-Web是一个免费开源工具站;只需简单几步,即可快速搭建属于自己的综合工具站,支持docker一键部署。

标签:00,转换,string,newTime,vue3,毫秒,length,time,date
From: https://www.cnblogs.com/trblog/p/18224618

相关文章

  • vue3 vite 脚手架生成项目 prettier 自动格式化失败 vscode插件 Vue - Official 解决
    vue3vite脚手架生成项目prettier自动格式化失败vscode插件Vue-Official解决方案问题以前写的都是vue2的项目,自动格式化都用的vetur,都设置好了。现在新弄了个vue3的项目,脚手架起的vitevue3,搞个代码格式化,发现prettier没好事。解决思路格式化一共俩工具eslintpret......
  • java模仿微博代码_Java相对时间转换 工具代码
    privateStringdateToRelativeTime(Datedate){SimpleDateFormatdf=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");Datenow=newDate();longbetween=(now.getTime()-date.getTime())/1000;//除以1000是为了转换成秒......
  • 在Vue3中,集成VueQuill Rich Text Editor for Vue 3
    官网地址:https://vueup.github.io/vue-quill/github:https://github.com/vueup/vue-quill没有中文包,胜在简单,步骤,按官网说明安装:npminstall@vueup/vue-quill@latest--save#ORyarnadd@vueup/vue-quill@latest在项目的\src\components\路径下建立 QuillEdito......
  • Java字符串逗号分隔转换List集合
    开发中常用String字符串接收多个用逗号或分号分隔的id,之后再将字符串处理成List<String>集合来方便使用数据。常用方式1.For循环添加Stringstr="123,456,789";List<String>listIds=newArrayList<>();String[]split=str.split(",");for(Strings:split){......
  • 创建 Vue3 项目
    前提条件安装Nodejs下载:https://nodejs.org/en/download/prebuilt-installer切换npm源npmconfigsetregistryhttps://registry.npmmirror.com/创建Vuenpmcreatevue@latestMicrosoftWindows[版本10.0.19043.1348](c)MicrosoftCorporation。保留所有权利。D:......
  • 代码随想录算法训练营第第23天 | 669. 修剪二叉搜索树、108.将有序数组转换为二叉搜索
    修剪二叉搜索树这道题目比较难,比添加增加和删除节点难的多,建议先看视频理解。题目链接/文章讲解:https://programmercarl.com/0669.修剪二叉搜索树.html视频讲解:https://www.bilibili.com/video/BV17P41177ud/***@param{TreeNode}root*@param{number}low*@pa......
  • 【C++】初始化列表、隐式转换、static成员、友元与匿名对象
    文章目录1.初始化列表2.explicit关键字2.1隐式类型转换2.2explicit3.static成员3.1成员变量3.2成员函数4.友元4.1友元函数4.2友元类5.内部类6.匿名对象1.初始化列表在创建对象时,编译器通过调用构造函数,给对象中各个成员变量一个合适的初始值。classDate{publ......
  • ppm转换bmp
    杨郭庄胡姜蒋卢周胡林庄郭罗蒋胡王赵陈周胡林庄郭罗庄马刘陈杨张庄朱郑陈郭罗_林林胡_罗庄_李胡林(周朱林宋罗_杨庄孙刘陈郭,庄宋罗林宋罗_杨庄孙刘陈郭):"""批量将姜姜魏格式图像转换为曹魏姜格式。:林王郭王胡周朱林宋罗_杨庄孙刘陈郭:包含姜姜......
  • vue3 require动态加载图片及动态加载svg图
    以下是本地图片及引用本地的svg图报错//这里是获取本地的png图片报错<divclass="flex-itemsswiper-item"v-for="(item,index)inlist":key="index"><imgclass="brand-img":src="require(item.url)"/></......
  • Vue3快速上手(一)
    Vue3快速上手(一)!之前一直分享的是react的相关知识,很长时间没更新了,接下来我会更新关于Vue3的相关知识!!Vue3快速上手内容分为三部分,本次先去介绍一下关于Vue3的第一部分,希望我的分享能对大家学习Vue3有所帮助!!!1.Vue3简介2020年9月18日,Vue.js发布版3.0版本,代号:OnePiece(n......