vill-directive

A vue directive v-time asbout format time

Usage no npm install needed!

<script type="module">
  import villDirective from 'https://cdn.skypack.dev/vill-directive';
</script>

README

vill-message

a vue plugins about time directive

Build Setup

install the plugin on bash and the sass module support

npm install vill-directive --save-dev

register the plugins on global file (main.js)

import time from 'vill-directive'
Vue.use(time);

on the vue template file ,you can use it by

<template>
  <div class="demo">
    <h4>v-time 指令</h4>
    <span v-time="now"></span>
    <h4>v-clock 指令</h4>
    <span v-clock></span>
    <h4>v-down 指令</h4>
    <span v-down="time"></span>
  </div>
</template>
<script>
export default {
  name: "Demo",
  data() {
    return {
      time: "2019-03-20 13:16:00"
    };
  },
  computed: {
    now() {
      return Date.now();
    }
  }
};
</script>
<style scoped></style>
指令选项 说明 类型 默认值
v-clock 显示时间钟表 - -
v-time 显示当前时间 String -
v-down 显示输入的时间和当前时间倒计时 String -
### demos
demo
## License
MIT