首页 > 其他分享 >vue/html 日期与时间戳互相转换

vue/html 日期与时间戳互相转换

时间:2023-03-24 17:47:58浏览次数:28  
标签:10 vue month Date 日期 html let time date

1、将日期转换成时间戳

let time = parseInt(new Date().getTime() / 1000);
console.log(time)

2、接口传过来的UTC日期和13位时间戳格式化

const formateDate = (time: any, isUtc = false) => {
  let date;
  if(isUtc){
    date = new Date(time * 1); // 13位时间戳乘1转数字
  }else{
    // UTC + 8小时
    date = new Date(+new Date(time) + 8 * 3600 * 1000);
  }
  
  let y = date.getFullYear(); //获取年份
  let month = date.getMonth() + 1; //获取月份
  let m = month < 10 ? "0" + month : month; //月份不满10天显示前加0
  let day = date.getDate(); //获取日期
  let d = day < 10 ? "0" + day : day; //日期不满10天显示前加0
  let h = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); //小时
  let mm =
    date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); //分
  let ss =
    date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); //秒
  time = y + "-" + m + "-" + d + " " + h + ":" + mm + ":" + ss;
  return time;
}

 

标签:10,vue,month,Date,日期,html,let,time,date
From: https://www.cnblogs.com/Jessie-candy/p/17252858.html

相关文章

  • HTML 文本处理基础
    提前声明本博客只是将自己学到的知识做总结而已,细节学习请来这里,大佬的教学很详细很棒。学习结果展示本次学习学到了 标题的使用 无序列表的使用看,第二个无......
  • Vue2
    一、前端MVVM模式及Axios异步通信1.什么是MVVMMVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Si......
  • 关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空
    先放结论:不要在路由组件的template块中使用多个根标签,注释也不行。今天碰到一个奇葩的问题,后端告诉我说,进入特定页面后,跳转其他页面均会白屏,刷新后就会加载。一开始我......
  • 使用Cordova打包Vue项目为IOS并使用XCode提交到AppStore
    打包Vue项目1.在Webstorm中打开Vue项目,在下面的Terminal中输入:npmrunbuild2.等待build完成,双击项目,进入菜单选择RevealinFinder,打开项目的真实目录3.找到dist目录,进入4......
  • vue全家桶进阶之路5:DOM文档对象模型
     一、DOM对象DOM,全称“DocumentObjectModel(文档对象模型)”,它是由W3C组织定义的一个标准。在前端开发时,我们往往需要在页面某个地方添加一个元素或者删除元素......
  • vue全家桶进阶之路4:NPM包
    NPM(NodePackageManager)是Node.js的包管理工具,用来安装各种Node.js的扩展。NPM是JavaScript的包管理工具,也是世界上最大的软件注册表。有超过60万个Jav......
  • 一文详解vue-cli2.0与vue-cli3.0之间的区别
    我们之所以介绍vue-cli2和vue-cli3的使用和区别,是因为VUE脚手架工具从vue-cli3版本开始,在项目结构等诸多方面开始与vue-cli2版本相比,有较大的优化与调整。因此,在学习和工......
  • SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图
    场景若依前后端分离版本地搭建开发环境并运行项目的教程:若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-在上面搭建架构的基础上,实现使用Ele......
  • SpringBoot+Vue+Echarts实现双柱体柱状图
    场景 若依前后端分离版本地搭建开发环境并运行项目的教程:若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-在上面搭建架构的基础上,实现使用E......
  • SpringBoot+Vue+OpenOffice实现文档管理(文档上传、下载、在线预览)
    场景SpringBoot集成OpenOffice实现doc文档转html:SpringBoot集成OpenOffice实现doc文档转html_BADAO_LIUMANG_QIZHI的博客-在上面初步使用了OpenOffice之后,怎样实现文档管理,......