title: Format my date in vue js with or without vue-moment
body: <p>I have a date in utc format, I want to be able to show just the time, then just the day, month and year in a nicer way. </p>
  
  <p>I'm receiving this: 2019-12-21T12:30:00Z</p>
  
  <p>I want this: Saturday 21st December 2019</p>
  
  <p>Then show this: 12:30 elsewhere.</p>
  
  <p>Or even better, detect the users local time zone, so mine would be CET: 13.30</p>
  
  <p>I've tried using vue-moment but I can't seem to change the received utc date to ISO_8601 and so below where I try to just show the time, it fails:</p>
  
  <pre><code>import Vue from "vue";
      import VueMoment from 'vue-moment';
      import moment from 'moment-timezone';
      import App from "./App.vue";
      import BootstrapVue from "bootstrap-vue";
      import router from "./router";
      import "./main.scss";
  
      Vue.use(BootstrapVue, VueMoment, {
        moment,
      })
  
  ...
  
    &lt;table class="table table-responsive" v-for="(item, i) in fixtures" :key="i"&gt;
          &lt;tr&gt;
            &lt;td&gt;{{ item.utcDate | moment("hh:mm") }}&lt;/td&gt;
          &lt;/tr&gt;
  </code></pre>