在開(kāi)發(fā)中,我們可能會(huì)遇到日期格式為“2021-08-01T12:00:00”的情況。但是在前端界面中,很少看到這種格式的日期展示,而是更常見(jiàn)的“2021-08-01 12:00:00”格式。
那么如何去掉這個(gè)T呢?可以使用jQuery來(lái)解決這個(gè)問(wèn)題。
$(function() { // 原始日期格式:2021-08-01T12:00:00 var date = new Date('2021-08-01T12:00:00'); // 將日期格式轉(zhuǎn)換為指定的字符串格式:2021-08-01 12:00:00 var dateString = date.toLocaleString().replace(/\//g, '-').replace(/\d{1,2}(?=(?:\d{2})+(?!\d))(?!\d{1,2})/g, '$&'); // 將字符串賦值給需要展示日期的元素 $('#show-date').text(dateString); });
上述代碼的思路為:將原始日期格式轉(zhuǎn)換為指定格式,并替換掉原有的“/”和“上午/下午”。
在代碼中,我們利用Date的toLocaleString()函數(shù)將原始日期格式轉(zhuǎn)換為本地日期格式(包括上下午),然后通過(guò)正則表達(dá)式將“/”替換成“-”,最后再通過(guò)正則表達(dá)式去掉上下午。
這樣,我們就可以在前端界面中,以常見(jiàn)的日期格式展示出來(lái),而不再出現(xiàn)“T”這種奇怪的字符了。