首页 > 其他分享 >Ts+正则表达式格式化时间

Ts+正则表达式格式化时间

时间:2024-09-10 15:21:09浏览次数:3  
标签:console log 填充 正则表达式 Ts padStart str 字符串 格式化

 1.padStart:

padStart(targetLength, padString):用另一个字符串填充当前字符串(如果需要会重复填充),直到达到给定的长度。填充是从当前字符串的开头开始的。最后返回一个新的字符串。
targetLength:当前 str 填充后的长度。如果该值小于或等于 str.length,则会直接返回当前 str。
padString(可选):用于填充当前 str 的字符串。如果 padString 太长,无法适应 targetLength,则会从末尾被截断。默认值为 Unicode“空格”字符(U+0020)。

使用示例:

  const str = '345'
  console.log(str.padStart(2)); // '345'
  console.log(str.padStart(4)); // ' 345'
  console.log(str.padStart(4, '12')); // '1345'
  console.log(str.padStart(5, '12')); // '12345'
  console.log(str.padStart(8, '12')); // '12121345'

 2.padEnd:

padEnd(targetLength, padString):用另一个字符串填充当前字符串(如果需要会重复填充),直到达到给定的长度。填充是从当前字符串的末尾开始的。最后返回一个新的字符串。
targetLength:当前 str 填充后的长度。如果该值小于或等于 str.length,则会直接返回当前 str。
padString(可选):用于填充当前 str 的字符串。如果 padString 太长,无法适应 targetLength,则会从末尾被截断。默认值为 Unicode“空格”字符(U+0020)。

使用示例:

  const str = '345'
  console.log(str.padEnd(2)); // '345'
  console.log(str.padEnd(4)); // '345 '
  console.log(str.padEnd(4, '67')); // '3456'
  console.log(str.padEnd(5, '67')); // '34567'
  console.log(str.padEnd(8, '67'));  // '34567676'

 3.封装时间格式化函数:

const formatDate = (date: Date, format: string): string => {
	const replacements: { [key: string]: string } = {
		YYYY: date.getFullYear().toString(),
		MM: String(date.getMonth() + 1).padStart(2, "0"),
		DD: String(date.getDate()).padStart(2, "0"),
		HH: String(date.getHours()).padStart(2, "0"),
		mm: String(date.getMinutes()).padStart(2, "0"),
		ss: String(date.getSeconds()).padStart(2, "0")
	};
	return format.replace(/YYYY|MM|DD|HH|mm|ss/g, matched => replacements[matched]);
};

使用实例:

formatDate(new Date(2024-09-09 12:34:23), "YYYY-MM-DD");// "2024-09-09"

标签:console,log,填充,正则表达式,Ts,padStart,str,字符串,格式化
From: https://blog.csdn.net/qq_59625204/article/details/142057180

相关文章

  • js方法-格式化时间
    /**************************************时间格式化处理************************************/functiondateFtt(fmt,date)//fmt-例如'yyyy-mm-ddhh:ii:ss'{varo={"m+":date.getMonth()+1,//月份"d+":date.getDate(),//日......
  • RL6577/RTS5765DL量产工具,RTS5765DL+B47R扩容开卡修复,金士顿NV2 2TB假固态硬盘抢救记
    之前因为很长时间不买固态硬盘,没注意到NVME的固态盘也有了假货和扩容盘,花200多块买了个2TB的金士顿NV2固态硬盘,我原本以为NV1的假货最多是用黑片冒充正片,结果没想到NV2居然有扩容的。后来发现是扩容盘的时候,已经过了自动收货期限了。最后只能尝试重新开卡,尽量降低损失。首先......
  • C++ 如何检查两个给定的线段是否相交(How to check if two given line segments inters
    给定两条线段(p1,q1)和(p2,q2),判断给定的线段是否相交。在讨论解决方案之前,让我们先定义方向的概念。平面中有序点三元组的方向可以是 –逆时针 –顺时针 –共线 下图显示了(a,b,c)的不同可能方向 方向在这里有什么用处? 两条线段(p1,q1)和(p2,q2)相交,当且仅当以下......
  • C# 在给定斜率的线上找到给定距离处的点(Find points at a given distance on a line o
     给定二维点p(x0,y0)的坐标。找到距离该点L的点,使得连接这些点所形成的线的斜率为M。例子: 输入:p=(2,1)    L=sqrt(2)    M=1输出:3,2    1,0解释:与源的距离为sqrt(2),并具有所需的斜率m=1。输入:p=(1,0)   ......
  • 如何使用Pyecharts创建数据可视化大屏
            在当今数据驱动的时代,数据可视化已经成为帮助决策、传达信息和发现数据模式的关键工具。数据大屏(DataDashboard)是一种直观、高效展示大量数据的方式,广泛应用于商业、医疗、教育等各个领域。本文将带领大家使用Pyecharts,一个基于Python的强大数据可视化库,创建......
  • 构建基于Qwen API 的AgentScope 聊天机器人
    环境搭建与库安装首先,我们需要创建一个Python3.10环境。你可以使用conda来创建一个新的虚拟环境,并激活它:condacreate-npy310python==3.10condaactivatepy310接着,安装所需的库agentscope,由于它可能处于预发布阶段,因此我们需要指定--pre标志:pipinstallagentscope--pre获取......
  • tsx 基本使用方式案例、tsx 使用class 方式
    tsx子组件、tsx使用class方式tsx组件代码import{defineComponent,PropType,h,computed,ref,watch}from'vue';importtype{Reactive,Ref}from'vue';importstylesfrom'../scss/child.module.scss';//函数局部组件实现constmyDiv=......
  • 爬虫案例2-爬取视频的三种方式之一:requests篇(1)
    @目录前言爬虫步骤确定网址,发送请求获取响应数据对响应数据进行解析保存数据完整源码共勉博客前言本文写了一个爬取视频的案例,使用requests库爬取了好看视频的视频,并进行保存到本地。后续也会更新selenium篇和DrissionPage篇。当然,爬取图片肯定不止这三种方法,还有基于python的sc......
  • Signals & slots
    #!/usr/bin/python3#-*-coding:utf-8-*-"""ZetCodePyQt5tutorialInthisexample,weconnectasignalofaQSlidertoaslotofaQLCDNumber.Author:JanBodnarWebsite:zetcode.comLastedited:January2017"""i......
  • 音视频入门基础:WAV专题(10)——FFmpeg源码中计算WAV音频文件每个packet的pts、dts的实现
    =================================================================音视频入门基础:WAV专题系列文章:音视频入门基础:WAV专题(1)——使用FFmpeg命令生成WAV音频文件音视频入门基础:WAV专题(2)——WAV格式简介音视频入门基础:WAV专题(3)——FFmpeg源码中,判断某文件是否为WAV音频文件......