(待删除)VUE/JS 时间戳、中国标准时间、年月日时分秒三者之间互转合集

文章介绍了在JavaScript中如何处理时间戳,包括将时间戳转换为日期格式,处理单位数字的月份和日期,以及毫秒数与日期间的转换。还提供了获取一周或一个月之前日期的方法。
摘要由CSDN通过智能技术生成

在前端中,有时候会用到时间戳参数,时间戳参数大多是new Date()形成的毫秒数
在某些情况下,需要还原时间戳表示的时间,也就是将毫秒数转换为标准时间格式的日期

// 假设timeStamp为时间戳的数值字符串
new Date(parseInt(timeStamp)).toLocaleDateString()
//上述方法得到的时间如2021/10/14
new Date(parseInt(timeStamp)).toLocaleDateString().replace(new RegExp('/',"g"),"")
//上述方法得到的时间如20211014

以上代码中,先将时间戳字符串转换为整数,然后再转换为new Date()格式的日期,然后再通过toLocaleDateString转换为本地标准时间

然而上述方法会有一个小问题,就是如果月份、日期的是1-9之间的数,只会显示一位数字,有的情况下需要显示两位数字,如01 02 03这种格式的,所以就要使用下属方法

// 提取出日期
myDate.getDate()>9?myDate.getDate().toString():'0'+myDate.getDate();
// 提取出月份
myDate.getMonth()+1>9?(myDate.getMonth()+1).toString():'0'+(myDate.getMonth()+1);


1.js日期转毫秒,毫秒转日期

【1】js毫秒时间转换成日期时间

var oldTime = (new Date(“2012/12/25 20:11:11”)).getTime(); //得到毫秒数

不是上面格式的时间需要转换

starttime =‘2012-12-25 20:17:24’; starttime = starttime.replace(new RegExp(“-”,“gm”),“/”);

var starttimeHaoMiao = (new Date(starttime)).getTime(); //得到毫秒数

【2】毫秒数转化为时间

var oldTime = (new Date(“2012/12/25 20:11:11”)).getTime(); //得到毫秒数

var newTime = new Date(oldTime); //就得到普通的时间了

2.js获取一周、一个月之前的日期

const end = new Date();

const start = new Date();

start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);

console.log(start,end); //start为一个月前的日期,end为当前日期;若想获取一周前的日期,将30给为7即可


Vue中,可以使用以下方法将时间转换时间戳: 1. 通过new Date().getTime()获取当前时间的毫秒级时间戳,然后乘以1000000转换为纳秒级时间戳。 2. 在element UI的日期时间选择器中,可以使用以下代码将选择的时间转换时间戳: var start = new Date(val).getTime() * 1000000; var end = new Date(val).getTime() * 1000000; 这里的val是日期时间选择器选择时间后得到的值。 3. 如果时间戳是10位的,需要将其乘以1000以转换为毫秒级时间戳。 如果时间戳是13位的,不需要乘以1000。 var date = new Date(timestamp * 1000); <span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue时间戳时间的相互转换](https://blog.csdn.net/liuzaixi/article/details/112314006)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [vue 时间戳转换方法](https://blog.csdn.net/weixin_67091603/article/details/127997969)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值