首页前端开发JavaScriptjquery+时间去掉t

jquery+时间去掉t

时间2023-10-19 11:12:02发布访客分类JavaScript浏览691
导读:在开发中,我们可能会遇到日期格式为“2021-08-01T12:00:00”的情况。但是在前端界面中,很少看到这种格式的日期展示,而是更常见的“2021-08-01 12:00:00”格式。那么如何去掉这个T呢?可以使用jQuery来解决这...

在开发中,我们可能会遇到日期格式为“2021-08-01T12:00:00”的情况。但是在前端界面中,很少看到这种格式的日期展示,而是更常见的“2021-08-01 12:00:00”格式。

那么如何去掉这个T呢?可以使用jQuery来解决这个问题。

$(function() {
    // 原始日期格式:2021-08-01T12:00:00var date = new Date('2021-08-01T12:00:00');
// 将日期格式转换为指定的字符串格式:2021-08-01 12:00:00var dateString = date.toLocaleString().replace(/\//g, '-').replace(/\d{
1,2}
(?=(?:\d{
2}
)+(?!\d))(?!\d{
1,2}
    )/g, '$&
    ');
    // 将字符串赋值给需要展示日期的元素$('#show-date').text(dateString);
}
    );
    

上述代码的思路为:将原始日期格式转换为指定格式,并替换掉原有的“/”和“上午/下午”。

在代码中,我们利用Date的toLocaleString()函数将原始日期格式转换为本地日期格式(包括上下午),然后通过正则表达式将“/”替换成“-”,最后再通过正则表达式去掉上下午。

这样,我们就可以在前端界面中,以常见的日期格式展示出来,而不再出现“T”这种奇怪的字符了。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: jquery+时间去掉t
本文地址: https://pptw.com/jishu/501476.html
jquery-1.4.2.min.jsp jquery-1.3.1.js下载

游客 回复需填写必要信息