scutech-schedule

scutech-schedule

It's a vue schedule component, and has two themes: element-ui and bootstrap

Installation

  npm i scutech-schedule --save

Basic Usage

  // main.js
  import schedule from 'scutech-schedule'

  Vue.use(schedule)

  // xxx.vue
  <scutech-schedule v-model="schedule"/>

first of all, the component has 'daily', 'once', 'hourly', 'immediate', 'monthly', 'weekly', six options. it has the component has a v-model value, you can define it yourself, for example:

  // import moment from 'moment'

  schedule: {
    type: 'hourly',
    startTime: moment(),
    endTime: moment(),
    interval: 1.0,
    interval_minute: 60
  }

Configuration

• `options`: default ['immediate', 'once', 'hourly', 'daily', 'weekly', 'monthly']
• `onceSchema`: define the config, default: ~~~ { startTime: { minDate: moment(), format: 'YYYY-MM-DD HH:mm', defaultDate: moment().add(10, 'minute'), useCurrent: false } } ~~~
• `hourlySchema`: default: ~~~ { startTime: { format: 'HH:mm', defaultDate: moment().startOf('day'), useCurrent: false }, endTime: { format: 'HH:mm', defaultDate: moment().startOf('day'), useCurrent: false }, interval: 1.0, interval_minute: 60 } } ~~~
...