0.2.6 • Published 11 months ago

@dangvanthanh/vue-clock v0.2.6

Weekly downloads
56
License
MIT
Repository
github
Last release
11 months ago

Vue Clock

Simple clock component using Vue.js

npm.io

Install

CDN

<script src="https://unpkg.com/@dangvanthanh/vue-clock"></script>

NPM

$ npm install @dangvanthanh/vue-clock --save

Usage

Vue

import 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" />
    <h3>With timeZone</h3>
    <VueClock timeZone="'America/New_York'" />
  </div>
</template>

<script>
import VueClock from '@dangvanthanh/vue-clock'

export default {
  components: { VueClock },
}
</script>

Nuxt (or SSR)

import Vue from "vue";
import VueClock from "@dangvanthanh/vue-clock";

Vue.component("VueClock", VueClock);
// or
// Vue.use(VueClock);

Props

NameTypeDefaultDescription
is24hBooleanfalseDisplay 24h or not
isHourBooleantrueDisplay/hidden hour
isMinuteBooleantrueDisplay/hidden minute
isSecondBooleantrueDisplay/hidden second
timeZoneStringtrueList of Time Zones

License

MIT © Dang Van Thanh

0.2.6

11 months ago

0.2.5

3 years ago

0.2.4

3 years ago

0.2.3

4 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.9

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.5

5 years ago

0.1.2

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.1

7 years ago