Simple clock component using Vue.js
<script src="https://unpkg.com/@dangvanthanh/vue-clock"></script>$ npm install @dangvanthanh/vue-clock --saveimport Vue from 'vue'
import VueClock from '@dangvanthanh/vue-clock'
Vue.use(VueClock)<template>
<div class="app">
<h3>Display all</h3>
<VueClock />
<h3>Hidden hour</h3>
<VueClock :isHour="false"/>
<h3>Hidden minute and second</h3>
<VueClock :isMinute="false" :isSecond="false"/>
</div>
</template>
<script>
import VueClock from '@dangvanthanh/vue-clock'
export default {
components: { VueClock },
}
</script>import Vue from 'vue'
import VueClock from '@dangvanthanh/vue-clock'
Vue.component('VueClock', VueClock)
// or
// Vue.use(VueClock);| Name | Type | Default | Description |
|---|---|---|---|
isHour |
Boolean |
true |
Display/hidden hour |
isMinute |
Boolean |
true |
Display/hidden minute |
isSecond |
Boolean |
true |
Display/hidden second |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent