JS日期与字符串相互转换(时间格式化YYYY-MM-DD,Dayjs的使用)

article/2025/10/29 8:52:26

JS日期与字符串相互转换——JS封装函数,Dayjs转换时间格式

  • 相关文章调用
  • 场景复现
  • 一、JS封装函数
      • 1、日期转字符串
      • 2、字符串转日期
  • 二、 Dayjs转换时间格式
      • 1、Dayjs快速安装与使用
      • 2、Dayjs格式化日期

相关文章调用

文章内容文章链接
JS数组对象——根据日期进行排序按照时间进行升序或降序排序https://blog.csdn.net/XSL_HR/article/details/128579840?spm=1001.2014.3001.5501
JS日期时间格式化——数字日期转中文日期(封装函数,dayjs转换时间格式)https://blog.csdn.net/XSL_HR/article/details/128607024?spm=1001.2014.3001.5501

场景复现

上期文章我们介绍了如何将2022-12-22转换为二〇二二年十二月二十二日,涉及到日期格式转换成YYYYMMDD格式的问题。本期文章以此为主线,用两种方法带领大家转换时间格式。

一、JS封装函数

首先是传统的封装函数,手写一个日期转字符串的函数并封装使用。

1、日期转字符串

  function dateToString (date){ var  year = date.getFullYear(); var  month =(date.getMonth() + 1).toString(); var  day = (date.getDate()).toString();  if  (month.length == 1) { month =  "0"  + month; } if  (day.length == 1) { day =  "0"  + day; }var  dateTime = year +  "-"  + month +  "-"  + day;return  dateTime; 
},

控制台调用打印一下结果:

console.log(dateToString("Wed Jan 04 2023 14:12:56 GMT+0800 (中国标准时间) "))

在这里插入图片描述

2、字符串转日期

function stringToDate (dateStr,separator){if (!separator){separator= "-" ;}var  dateArr = dateStr.split(separator);var  year = parseInt(dateArr[0]);var  month;                      if (dateArr[1].indexOf( "0" ) == 0){month = parseInt(dateArr[1].substring(1));} else {month = parseInt(dateArr[1]);}var  day = parseInt(dateArr[2]);var  date =  new  Date(year,month -1,day);return  date;}

控制台调用打印一下结果:

console.log(stringToDate("2022-12-22"))

在这里插入图片描述
这时,时间格式已经从"2022-12-22"转换成了
“Thu Dec 22 2022 00:00:00 GMT+0800 (中国标准时间)”
不过呢,一般是不会让你把时间转换成这样的。都是要求从日期转化为字符串YYYY-MM-DD格式
在这里插入图片描述

二、 Dayjs转换时间格式

点击前往官方文档

1、Dayjs快速安装与使用

要在Node.js 项目中使用 Day.js,只需使用 npm安装

npm install dayjs

node.js安装教程这里就不过多叙述了,可以翻看往期文章中的相关教程

然后在项目代码中引入即可:

const dayjs = require('dayjs')
//import dayjs from 'dayjs' // ES 2015
dayjs().format()

2、Dayjs格式化日期

未进行格式转化时

const nowDate = ref<Dayjs>() // 获取当前时间
console.log(dayjs("当前时间",nowDate.value)) 

在这里插入图片描述
经过时间转换后

const nowDate = ref<Dayjs>() // 获取当前时间
console.log("当前时间",(dayjs(nowDate.value).format("YYYY-MM-DD")) // dayjs进行时间转换

在这里插入图片描述
更多占位符

输入例子详情
YY01两位数的年份
YYYY2001四位数的年份
M1-12四位数的年份
MM01-12月份,从1开始
MMMJan-Dec缩写的月份名称
MMMMJanuary-December完整的月份名称
D1-31月份里的一天
DD01-31月份里的一天 ,两位数
H0-23小时
HH0-23小时,两位数
h1-12小时,12小时制
hh01-12小时,12小时制,两位数
m0-59分钟
mm00-59分钟,两位数
s0-59
ss00-59秒 两位数
S0-9毫秒,一位数
SS00-99毫秒,两位数
SSS000-999毫秒,三位数
AAM PM上午 下午 大写
aam pm上午 下午 小写

在这里插入图片描述


感兴趣的小伙伴可以订阅本专栏,方便后续了解学习~
觉得这篇文章有用的小伙伴们可以点赞➕收藏➕关注哦~

http://chatgpt.dhexx.cn/article/JjeiCNTH.shtml

相关文章

Ubuntu 下用smbclient访问smb

Ubuntu 下用smbclient访问smb smb的配置 首先安装smbclient sudo apt-get install smbclient 查看要访问的ip地址下的共享目录 smbclient -L 192.168.1.4 #192.168.1.4是要访问的smb的ip,这里只是一个例子 我们可以看到有哪些共享文件夹 #Sharename 连接共享的目录 smbcl…

Bash:smbclient 未找到命令

文章目录 前言一&#xff1a;问题展示二&#xff1a;解决办法 前言 启动Windows和linux两个系统共享的时候可能会出现的问题 一&#xff1a;问题展示 二&#xff1a;解决办法 输入命令 yum -y install samba-client samba-common cifs-utils samba

Centos安装smb

1、yum安装smb服务 yum install samba2、创建共享文件夹pub cd /usr mkdir pub 3、设置pub文件夹权限 chmod 055 pub 4、创建配置文件 cd /etc/samba vi smb.conf smb.conf配置&#xff0c; 文件夹为test映射到/usr/pub&#xff0c;文件不可写只可读。 配置访问者是所…

SMB漏洞

目录 一&#xff0c;SMB信息泄露 充电站&#xff1a; 二&#xff0c;MS17-010 (永恒之蓝) 复现 一&#xff0c;SMB信息泄露 靶场&#xff1a;192.168.11.167 攻击机&#xff1a;kali 192.168.11.165 信息探测&#xff1a; nmap -sV 192.168.11.167 可以看到开放了&#…

错误集:smbclient访问Windows共享文件夹报错误:protocol negotiation failed: NT_STATUS_CONNECTION_RESET

smbclient访问Windows共享文件夹报错误&#xff1a;protocol negotiation failed: NT_STATUS_CONNECTION_RESET 文章目录 smbclient访问Windows共享文件夹报错误&#xff1a;protocol negotiation failed: NT_STATUS_CONNECTION_RESET报错现象&#xff1a;解决办法&#xff1a;…

windows开启SMB

SMB/Samba是种用来让UNIX系列的操作系统与微软Windows操作系统的SMB/CIFS&#xff08;Server Message Block/Common Internet File System&#xff09;网络协议做链接的自由软件。简而言之&#xff0c;此软件在Windows与UNIX系列OS之间搭起一座桥梁&#xff0c;让两者的资源可互…

什么是SMB

一、SMB介绍 通用网络文件系统 1.1、SMB说明 SMB【代表服务器消息块】,是用于共享文件,打印机,串行端口和通0信抽象的协议。 SMB协议上的最早文档是1985年IBM的理查德.夏普(Richard Sharpe)编写(0包含IBM PC网络SMB协议)。目前可以访问的SMB文档是1987年的Microsoft /…

SMBMS

SMBMS 项目搭建 搭建一个maven web项目 配置Tomcat 测试项目是否能够跑起来 导入项目中会遇到的jar包 jsp&#xff0c;servlet&#xff0c;mysql驱动&#xff0c;jstl&#xff0c;starand 创建项目包结构 编写实体类 ORM映射&#xff1a;表-类映射 编写基础公共类 数据库…

SMB信息泄露

SMB信息泄露 1.确保攻击机和靶机处在同局域网/ 首先使用ifconfig命令查看本机IP地址 2.使用 nmap -sn -PE 192.168.56.0/24命令然后扫出靶机IP&#xff1a;192.168.56.103 3.使用nmap -sV 192.168.56.103 命令扫描靶机开放的服务端口 我们发现目标靶机有22&#xff0c;80&…

smbclient命令查看Samba服务共享时出现报错“protocol negotiation failed: NT_STATUS_IO_TIMEOUT”

使用smbclient命令查看Samba服务共享了哪些目录时&#xff0c;报错了&#xff0c;报错信息&#xff1a;protocol negotiation failed: NT_STATUS_IO_TIMEOUT 解决方法&#xff1a; 注释掉网卡配置文件中的DNS&#xff0c; 重启网络 [rootmaster ~]# systemctl restart networ…

【Linux专题】SMB端口号说明

SMB端口号说明 SMB端口号是 TCP/445,还有一些说法是 SMB端口号还包括 137~139, 这种说法只是部分正确&#xff1b; 早期版本的 SMB(SMB 1.0) 最初设计为在 TCP/IP(NBT)上的 NetBIOS 上运行,它使用: TCP/139 进行会话服务(session services) TCP/UDP/137 进行名称服务(name se…

kali(linux) smbclient用法

Smb一般作为文件共享服务器&#xff0c;专门提供Linux与Windows之间的传送文件服务&#xff0c;在kali linux中提供了专用的客户端smbclient 下面就介绍一下其简单用法 如图&#xff1a;-U 后面跟用户名和密码&#xff0c;如果没有则不需要加-U 如图就可以使用linux的ls等命令进…

Linux常用命令——smbclient命令

在线Linux命令查询工具(http://www.lzltool.com/LinuxCommand) smbclient 交互方式访问samba服务器 补充说明 smbclient命令属于samba套件&#xff0c;它提供一种命令行使用交互式方式访问samba服务器的共享资源。 语法 smbclient(选项)(参数)选项 -B<ip地址>&…

注意力机制介绍(attention)

注意力机制是指我们将视觉注意力集中在图像的不同区域&#xff0c;或者将注意力集中在一句话中的某个词语&#xff0c;以下图为例&#xff1a; 人眼的视觉注意力允许我们以“高分辨率”关注某个特定区域&#xff08;例如黄色框内的耳朵&#xff09;同时以“低分辨率”处理周围的…

什么是注意力机制及其应用(self attention)?

一、引言 注意力机制是自深度学习快速发展后广泛应用于自然语言处理、统计学习、图像检测、语音识别等领域的核心技术&#xff0c;例如将注意力机制与RNN结合进行图像分类&#xff0c;将注意力机制运用在自然语言处理中提高翻译精度&#xff0c;注意力机制本质上说就是实现信息…

自注意力(Self-Attention)

一、自注意力机制概述 循环神经网络由于信息传递的容量以及梯度消失问题&#xff0c;实际上也只能建立短距离依赖关系。 为了建立长距离的依赖关系&#xff0c;可以增加网络的层数或者使用全连接网络。但是全连接网络无法处理变长的输入序列&#xff0c;另外&#xff0c;不同的…

5、注意力机制和Transformer模型

1、人类的视觉注意力 从注意力模型的命名方式看&#xff0c;很明显其借鉴了人类的注意力机制&#xff0c;因此&#xff0c;我们首先简单介绍人类视觉的选择性注意力机制。 视觉注意力机制是人类视觉所特有的大脑信号处理机制。人类视觉通过快速扫描全局图像&#xff0c;获得需…

注意力机制原理及其模型发展和应用

点击上方“小白学视觉”&#xff0c;选择加"星标"或“置顶” 重磅干货&#xff0c;第一时间送达 Attention机制在近几年来在图像&#xff0c;自然语言处理等领域中都取得了重要的突破&#xff0c;被证明有益于提高模型的性能。Attention机制本身也是符合人脑和人眼的…

深度解析注意力模型(attention model)

前言attention的内部结构是什么&#xff1f; 前言 这里学习的注意力模型是我在研究image caption过程中的出来的经验总结&#xff0c;其实这个注意力模型理解起来并不难&#xff0c;但是国内的博文写的都很不详细或说很不明确&#xff0c;我在看了 attention-mechanism后才完全…

图解自注意力机制

写在最前边 这个文章是《图解GPT-2 | The Illustrated GPT-2 (Visualizing Transformer Language Models)》的一部分&#xff0c;因为篇幅太长我就单独拿出来了。 当然如果你只想了解自注意力机制可以只看本文的前半部分。 后半部分主要是讲Masked Self-attention在GPT-2中的应…