JSFiddle - React, Tailwind, and code Playground

by shubhampokhriyal

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.11/vue.min.js"></script>
<div id="app">
  <ul>
    <li v-for="item in items">
      <p>{{ moment(item).format('MMMM Do YYYY, h:mm:ss a') }}</p>
      
    </li>
  </ul>
</div>

CSS

.method {
  color: grey;
}

.filter {
  color:green;
}

JavaScript

new Vue({
  el: '#app',
  data: {
    items: [ // unix timestamps
      "2019-02-28 15:05:00",
      1452945223,
      1450871623,
      undefined,
      1450353223,
      1450270423,
    ]
  },
  methods: {
    moment: function (date) {
      return moment(date);
    },
  },

})