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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 简述spark streaming的工作原理_电磁频谱优势战略

    简述spark streaming的工作原理_电磁频谱优势战略[转载] Spark Streaming 设计原理

    2022年4月21日
    51
  • 引用类型「建议收藏」

    引用类型「建议收藏」1.引用reference有时候又称为别名(alias),它可以用作对象的另一个名字。引用类型由类型标识符和一个取地址操作符来定义引用必须被初始化例如intival=1024

    2022年7月2日
    25
  • pycharm run/debug configurations配置_linux中run文件怎么安装

    pycharm run/debug configurations配置_linux中run文件怎么安装0、Run/DebugConfigurations的坑在安装完PyCharm后,配置好Settings里的ProjectInterpreter,这里就是配置pythoy的解释器。之后运行的时候按Ctrl+Shift+F10运行编辑器的配置,帮你自动配置好Run/DebugConfigurations并运行,而运行另一个文件或新文件时再按Ctrl+Shift+…

    2022年8月28日
    4
  • rapidgator怎么下载_他来时有闪电百度云

    rapidgator怎么下载_他来时有闪电百度云在国内,文件的分享基本上市通过百度云盘来的,但很多小伙伴有时候会发现需要下载的文件是放在一些国外云盘上的,这些文件该怎么下载捏?其实国外的云盘种类非常多,不像国内的一家独大,常用的国外云盘比如Rapidgator,alfafile,uploadgig,filespace等等。但这些云盘都是有些类似的特点就是,如果不付费下载的需要验证码或者下载的超级慢!!!尤其在国内的网络环境下。不仅如此,…

    2025年9月30日
    5
  • wuauclt1.exe mshta.exe 病毒清理

    wuauclt1.exe mshta.exe 病毒清理现象:系统xp,开机1小时以后还不能打开应用,从“事件查看器”来看是困在wuauclt.exec:\windows\system32\wuauclt1.exe在删除后就又出现了使用360急救后,上述文件仍然删除后就又出现了下载 Tweaking.com-WindowsRepair1.7.5 Author:Tweaking.comDate:2012-06

    2022年7月15日
    17
  • SQL之视图与索引[通俗易懂]

    SQL之视图与索引[通俗易懂]SQL之视图与索引视图的定义、修改、使用索引的创建、查看视图人们在使用数据库时,并不是直接对数据源表进行操作,通常人们只关心源表的部分数据,因此为了使得用户在查询时方便,用不着在每次查询时都编写复杂的代码(比如连接等),可以事先将用户要使用的查询结果通过视图定义在数据库中,这样人们在进行查询时只需查看视图即可,简化了用户的操作,同时使得数据同源数据分离,提高了安全性。1.视图的创建语法:

    2022年7月22日
    12

发表回复

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

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