Background: I am writing a react-native project recently, and the backend returns a timestamp, but the time format given by each design draft is different...
Purpose: Follow Angular's date filter to return its timestamp according to the parameter passing format.
result:
method one:
function _timeFormat(date, format) {
if (!date) return
function add0(m) {
return m < 10 ? '0' + m : m
}
function concat(array1, array2, index) {
return array1.concat([].slice.call(array2, index));
}
let DATE_FORMATS_SPLIT = /((?:[^yMLdHhmsaZEwG']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|L+|d+|H+|h+|m+|s+|a|Z|G+|w+))(.*)/,
time = new Date(date),
text = ''
let DATE_FORMATS = {
yyyy: time.getFullYear(),
yy: (time.getFullYear() + '').slice(2, 4),
MM: time.getMonth() + 1,
dd: time.getDate(),
hh: time.getHours(),
mm: time.getMinutes(),
ss: time.getSeconds()
}
let parts = []
while (format) {
match = DATE_FORMATS_SPLIT.exec(format);
if (match) {
parts = concat(parts, match, 1);
format = parts.pop();
} else {
parts.push(format);
format = null;
}
}
parts.forEach(value => {
if (DATE_FORMATS.hasOwnProperty(value)) {
if (value === 'yyyy' || value === 'yy') {
text += DATE_FORMATS[value] }
else {
text += add0(DATE_FORMATS[value]) }
} else {
text += value
}
})
return text
}
Method Two:
function _dateFormat(date, format) {
let oDate = new Date(date)
let hours = oDate.getHours()
let ttime = 'AM'
if (format.indexOf('t') > -1 && hours > 12) {
hours = hours - 12
ttime = 'PM'
}
let o = {
'M+': oDate.getMonth() + 1,
'd+': oDate.getDate(),
'h+': hours,
'm+': oDate.getMinutes(),
's+': oDate.getSeconds(),
'q+': Math.floor((oDate.getMonth() + 3) / 3),
'S': oDate.getMilliseconds(),
't+': ttime
}
if (/(y+)/.test(format)) {
format = format.replace(RegExp.$1, (oDate.getFullYear() + '').substr(4 - RegExp.$1.length))
}
for (var k in o) {
if (new RegExp('(' + k + ')').test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length))
}
}
return format
}
_dateFormat(1567648218736, 'yyyy/MM/dd hh:mm') // 2019/09/05 09:50
_dateFormat(1567648218736, 'yy/MM/dd hh:mm') // 19/09/05 09:50
_dateFormat(1567648218736, 'yyyy-MM-dd hh:mm') // 2019-09-05 09:50
_dateFormat(1567648218736, 'yy-MM-dd hh:mm') // 19-09-05 09:50
_dateFormat(1567648218736, 'MM/dd/yy hh:mm') // 09/05/19 09:50
_timeFormat(1567648218736, 'yyyy/MM/dd hh:mm') // 2019/09/05 09:50
_timeFormat(1567648218736, 'yy/MM/dd hh:mm') // 19/09/05 09:50
_timeFormat(1567648218736, 'yyyy-MM-dd hh:mm') // 2019-09-05 09:50
_timeFormat(1567648218736, 'yy-MM-dd hh:mm') // 19-09-05 09:50
_timeFormat(1567648218736, 'MM/dd/yy hh:mm') // 09/05/19 09:50