js JavaScript vue 时间戳 转换 日期 YYYY-MM-DD hh:mm:ss 简洁写法

js JavaScript vue 时间戳 转换 日期 YYYY-MM-DD hh:mm:ss 简洁写法两种方法方法一使用两个apitoLocaleDateString()和toTimeString()加正则表达式,简洁写法,推荐!还可以更改为以点(.)连接——正则表达式代码letnewDate=newDate();this.date=newDate.toLocaleDateString().replace(/\//g,”-“)+””+newDate.toTimeString().substr(0,8);结果缺点月份不能是03的形式

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

两种方法

方法一

  1. 使用两个api toLocaleDateString()toTimeString()正则表达式,简洁写法,推荐!
    还可以更改为以 点(.) 连接 —— 正则表达式

代码

let newDate = new Date();
this.date = newDate.toLocaleDateString().replace(/\//g, "-") + " " + newDate.toTimeString().substr(0, 8);

结果

在这里插入图片描述

缺点

月份不能是 03的形式,而是 2021-3-21
除非自己再拼接一下

解析:

① toLocaleDateString() 方法
可根据本地时间把 Date 对象的日期部分转换为字符串,并返回结果。
返回结果 2021/3/12 的形式
正则表达式 ///g 不加引号,g代表全局,不能用+ / 代表转义

toTimeString() 方法
可把 Date 对象的时间部分转换为字符串,并返回结果。
返回结果 14:45:03 GMT+0800 (中国标准时间) 截取前9位拼接即可

方法二

  1. 使用常见的Date中的函数,进行判断、拼接

代码

function formatDate(date) { 
   
        let myYear = date.getFullYear();
        let myMonth = date.getMonth() + 1;
        let myWeekday = date.getDate();
        let myHour = date.getHours();
        let myMinute = date.getMinutes();
        let mySecond = date.getSeconds();

        if (myMonth < 10) { 
   
          myMonth = '0' + myMonth;
        }
        if (myWeekday < 10) { 
   
          myWeekday = '0' + myWeekday;
        }
        if (myHour < 10) { 
   
          myHour = '0' + myHour;
        }
        if (myMinute < 10) { 
   
          myMinute = '0' + myMinute;
        }
        if (mySecond < 10) { 
   
          mySecond = '0' + mySecond;
        }
        return (`${ 
     myYear}-${ 
     myMonth}-${ 
     myWeekday} ${ 
     myHour}:${ 
     myMinute}:${ 
     mySecond}`);
      }
      
console.log(formatDate(new Date()));

结果

在这里插入图片描述

解析

在这里插入图片描述
通过上面函数获得年月日时分秒,然后进行拼接,难点是getMonth记得+1(月份是从0开始)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/179221.html原文链接:https://javaforall.net

(0)
上一篇 2022年8月30日 上午10:00
下一篇 2022年8月30日 上午10:00


相关推荐

  • Python Java 滑块识别-通杀滑块「建议收藏」

    Python Java 滑块识别-通杀滑块「建议收藏」遇到滑块问题在写爬虫的时候,经常会遇到滑块问题,很多次都想过尝试如何攻破滑块,但是每次都没成功,除了最开始的极验滑块,当时通过原图和滑块图的对比,能够得出缺口坐标,但是随着极验、网易、腾讯滑块的更新,已经不能够找到原图了,下面给出滑块通杀的解决方案。尝试攻破滑块在这里介绍一款通杀滑块的平台,不过需要开通VIP,VIP是永久的,可以无限次识别,我在这里开通了永久VIP,花了99RMB,平台后面也会推出点选供VIP使用。平台地址:www.51learn.vip网站名称是【无限打码】,可以直接百度到。

    2022年10月8日
    4
  • 【Yolov5】1.认真总结6000字Yolov5保姆级教程[通俗易懂]

    爆肝6000字Yolov5保姆级教程,80岁老奶奶都看得懂。文章特点:一个完整的流程,从头教到尾,不讲冗长的理论,实操

    2022年4月8日
    506
  • Oracle数据库基础教程:入门其实很简单

    Oracle数据库基础教程:入门其实很简单Oracle 数据库基础教程 入门其实很简单 Oracle 数据库系统是目前最流行的客户 服务器数据库之一 本文集从初学者的角度出发 由浅入深 循序渐进地介绍了 Oracle 数据库开发的基础知识 此外 文集对数据库基本理论及其在数据库开发过程中的应用也有详细介绍 详细解读和小伙伴们一起来吐槽

    2026年3月26日
    1
  • 蛋白PDB文件格式[通俗易懂]

    蛋白PDB文件格式[通俗易懂]列 数据类型字段名称 定义描述1-6 Recordname”DBREF”8-11IDcode idCode 记录的ID号13 Character

    2022年6月1日
    29
  • PhpSpreadsheet_vba遍历所有sheet

    PhpSpreadsheet_vba遍历所有sheet/***Excel助手*sudocomposerrequirephpoffice/phpspreadsheet*/namespaceCommonUtil;usePhpOfficePhpSpreadsheetSpreadsheet;usePhpOfficePhpSpreadsheetWriterXlsx;usePhpOfficePhpSpreadsheetStyleAlignme…

    2025年12月14日
    5
  • npm使用淘宝镜像(npm淘宝镜像安装依赖失败)

    一、node包管理二、网站网站:https://www.npmjs.com三、npm命令工具只要安装了node就已经安装了npmnpm–version查看版本号npminstall–globalnpm升级版本四、npm常用命令npminit生成package.json文件后面加-y可以跳过向导,快速生成npminstallnpminstall包名只下…

    2022年4月10日
    102

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号