[Vuejs]-Format string to date Vuejs

4๐Ÿ‘

โœ…

You can replace the underscore sequences with the appropriate characters based on their position within the input string:

function convertDate(date) {
    return date.replace(/_+/g, (_, n) => (n < 10) ? "/" : (n > 10) ? ":" : " ");
}

console.log(convertDate("DD_MM_YYYY_hh_mm__ss"));

Or slightly simpler:

function convertDate(date) {
    let n = 0; return date.replace(/_+/g, () => "// ::"[n++]);
}

console.log(convertDate("DD_MM_YYYY_hh_mm__ss"));
๐Ÿ‘คMike D Sutton

3๐Ÿ‘

One way:

const str = '18_03_2022_12_21_34'
// to string
const res = str.split('_')
const r = res.slice(0, 3).join('/') + ' ' + res.slice(-3).join(':')
console.log(r)
// or to date
console.log(new Date(res.slice(0, 3).join('/').split('/').reverse().join('/') + ' ' + res.slice(-3).join(':')))

2๐Ÿ‘

Vue Filter

Code:

Vue.filter('stringTodateTime', function ( dateTimeString ) {
    if (!dateTimeString) return ''
    return dateTimeString.replace(/_+/g, (_, n) => (n < 10) ? "/" : (n > 10) ? ":" : " ");
})

Usage:

{{ 12_04_2021_12_59_34 | stringTodateTime }}
๐Ÿ‘คGMKHussain

Leave a comment