js原生时间过滤器

/**

 * 获取dom元素标签  获取时间

 */

const time = document.getElementsByClassName('time')[0]

/**

 * 获取当前时间

 */

setInterval(() => {

    getCurrentTime()

}, 500)

function getCurrentTime() {

    // 格式化年月日

    var times = dateFormat();

    // 渲染至页面

    time.innerText = "\u65F6\u95F4: ".concat(times);

}

/**

 * 封装日期的函数

 * @returns 封装日期的函数

 */

function dateFormat() {

    var dt = new Date();

    var y = dt.getFullYear();

    var m = (dt.getMonth() + 1 + '').padStart(2, '0');

    var d = (dt.getDate() + '').padStart(2, '0');

    var hh = (dt.getHours() + '').padStart(2, '0');

    var mm = (dt.getMinutes() + '').padStart(2, '0');

    var ss = (dt.getSeconds() + '').padStart(2, '0');

    // yy-mm-dd hh:mm:ss

    // 可以根据需要输出相对应的时间格式

    return "".concat(y, "-").concat(m, "-").concat(d, " ").concat(hh, ":").concat(mm, ":").concat(ss);

}

第二种方法就是 利用第三方插件来进行时间格式化   网址:https://momentjs.com/

详细使用可以看官方文档介绍