moment.jsをVue.jsで使う

タイムスタンプを日付に変換したい

YYYY/MM/DD hh:mmの形式で欲しい

moment.jsをインストール

npm install moment

フィルターをつくる

filter.js

import moment from "moment";

export const filDate = value => {
  if (value === "") {
    return "";
  }
  return moment.unix(value).format("YYYY/MM/DD HH:mm");
};

export default {
  install(vue) {
    vue.filter("filDate", filDate);

    vue.prototype.$customFilter = {
      filDate
    };
  }
};

main.jsに下記2文を追加して使えるようにする

import filter from "@/plugins/filter"; //インポートする
Vue.use(filter); //使う

使ってみる

<template>
  <div class="today">
    <template v-for="temperature in temperature.todayTemperature">
      {{ temperature.time | filDate }}
    </template>
  </div>
</template>

結果

YYYY/MM/DD hh:mmの形式でとれた😊