鍍金池/ 問答/HTML/ vue中的filter星期幾時間轉換?

vue中的filter星期幾時間轉換?

1.最近在做一個關于星期的轉換, 自己能轉換出數(shù)字的星期, 但是想轉換成大寫的不知道怎么轉換, 自己是想到用switch語句來做, 但是不知道如何下手, 請各位大神指教一下

2.新建一個filter文件夾建立index文件

export default function (Vue) {

    Vue.filter('dateDate', function (tplData) {
        let dateMM = tplData ? new Date(tplData) : new Date();
        return `${dateMM.getFullYear()}/${dateMM.getMonth() + 1}/${dateMM.getDate()}`;
    });

    Vue.filter('mDate', function (tData) {
        let dateTT = tData ? new Date(tData) : new Date();
        let hours = dateTT.getHours() < 10 ? '0' : '';
        let min = dateTT.getMinutes() < 10 ? '0' : '';
        return `${hours + dateTT.getHours()}:${min + dateTT.getMinutes()}`;
    });

    Vue.filter('myDate', function (txData) {
        let dateT = txData ? new Date(txData) : new Date();    
        return `星期${dateT.getDay()}`;
    });
};

3.在需要轉換的文件引用

        <!-- 日期 -->
        <div class="litter_date">
          <div class="time clearfix">
            {{ datetime | mDate }}
            <div class="date">
              <div>{{datetime | dateDate}}</div>
              <span>{{datetime | myDate}}</span>
            </div>
          </div>
        </div>
        
data() {
    return {
      datetime: "",
    };
  },

4.最終顯示效果

clipboard.png

回答
編輯回答
墻頭草

Vue.filter('myDate', function (txData) {

const days = ['日', '一', '二', '三', '四', '五', '六'];
let dateT = txData ? new Date(txData) : new Date();    
return `星期${days[dateT.getDay()]}`;

});

2018年6月5日 23:34