vue-timed-content

Shows or hides a content based on a given time range

Demo

Props

Events

Usage

<template>
  <div>
    <p>If you don't see anything it's because you are not in the range to be able view the content</p>
    <timed-content
      :from="new Date('2020/04/01 00:00:00')"
      :to="new Date('2020/04/01 23:59:59')"
      time-zone="America/Santo_Domingo"
    >
      <p>Some April Fools' Day joke 🃏</p>
    </timed-content>
  </div>
</template>

<script>
import TimedContent from "vue-timed-content";

export default {
  components: {
    TimedContent
  }
};
</script>

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.