vue.js如何设置时间格式

<template>

    <div>

        <p>不格式化的时间：               {{shijian}}</p>

        <p>格式化位年月日的时间：          {{shijian|shijianfilter("yyy-mm-dd")}}</p>

        <p>格式化精确到时分秒的时间：      {{shijian|shijianfilter("yyy-mm-dd hh:mm:ss")}}</p>

    </div>

</template>

<script>

export default {

    name:"shijian",

    data() {

        return {

            shijian:new Date()

        }

    },

    filters:{

        shijianfilter:function(value,args){

            var dt = new Date(value)

            var y = dt.getFullYear()

            //这里month得加1

            var m = dt.getMonth()+1

            var d = dt.getDate()

            //如果要求的时间格式只有年月日

            if(args.toLowerCase() === "yyy-mm-dd"){

                return `${y}-${m}-${d}`

            //如果时间要求精确到时分秒

            }else{

                var hh = dt.getHours()

                var mm = dt.getMinutes()

                var ss = dt.getSeconds();

                return `${y}-${m}-${d}:${hh}:${mm}:${ss}`

            }

        }

    }

}

</script>

<style scoped>

</style>