V-mask plugin playground

by Max Liashuk

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="mask" v-model="inputVal" :placeholder="placeholder">
  </label>
</div>

JavaScript

// Use as plugin
Vue.directive('mask', VueMask.VueMaskDirective);

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