V-mask plugin playground

by Osama Qassar

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/v-mask/dist/v-mask.min.js"></script>
<div id="app">
  <label>
    Type time here:
    <input type="text" v-mask="'##/##/####'" v-model="inputVal" :placeholder="'day/month/year'">
  </label>
</div>

JavaScript

// Use as plugin
Vue.use(VueMask.VueMaskPlugin);

new Vue({
  el: '#app',
  data: {
    mask: '##:##',
    placeholder: '23:45',
    inputVal: '',
  }
})