vue.js設(shè)置時(shí)間格式的方法-創(chuàng)新互聯(lián)

小編給大家分享一下vue.js設(shè)置時(shí)間格式的方法，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

我們提供的服務(wù)有：成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、棲霞ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的棲霞網(wǎng)站制作公司

vue.js設(shè)置時(shí)間格式的方法：首先新建一個(gè)Vue示例文件；然后通過采用自定義時(shí)間過濾器對(duì)日期進(jìn)行格式化即可，其代碼如“filters:{shijianfilter:function(value,args){...}”。

在Vue.js中并沒有對(duì)于時(shí)間的格式化方法。比如，新建一個(gè)Vue文件，然后在頁面輸出當(dāng)前時(shí)間。

<template>
    <p>{{shijian}}</p>
</template>
<script>
export default {
    name:"shijian",
    data() {
        return {
            shijian:new Date()
        }
    },
}
</script>
<style scoped>
</style>

結(jié)果如下，這顯然不是日常所見到的日期格式。

這時(shí)，可以通過采用自定義時(shí)間過濾器對(duì)日期進(jìn)行格式化：

<template>
    <div>
        <p>不格式化的時(shí)間：               {{shijian}}</p>
        <p>格式化位年月日的時(shí)間：          {{shijian|shijianfilter("yyy-mm-dd")}}</p>
        <p>格式化精確到時(shí)分秒的時(shí)間：      {{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()
            //如果要求的時(shí)間格式只有年月日
            if(args.toLowerCase() === "yyy-mm-dd"){
                return `${y}-${m}-$enpqk9c`
            //如果時(shí)間要求精確到時(shí)分秒
            }else{
                var hh = dt.getHours()
                var mm = dt.getMinutes()
                var ss = dt.getSeconds();
                return `${y}-${m}-$l97izcq:${hh}:${mm}:${ss}`
            }
        }
    }
}
</script>
<style scoped>
</style>

這時(shí)輸出的結(jié)果是

看完了這篇文章，相信你對(duì)vue.js設(shè)置時(shí)間格式的方法有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁名稱：vue.js設(shè)置時(shí)間格式的方法-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://bm7419.com/article42/disdhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、微信小程序、營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、響應(yīng)式網(wǎng)站、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)