wenlys

Time range vue

A Vue.js project

Version Version: 1.0.3 Version Updated: 06/15/2021 By: wenlys License: MIT

DownloadsLast30Days: 164

npm i time-range-vue
yarn add time-range-vue

TimeRangeVue

A Vue component which can choose time range

Install

 npm install time-range-vue -D

Usage

import TimeRangeVue from 'time-range-vue'

Vue.use(TimeRangeVue);

Example

<template>
    <time-range-vue :startOption="createStartDateOption" :endOptions="createEndDateOption" :type="type"
                    :beginTimeFileName="leftTime" :endTimeFileName="rightTime" :endValueFormat="endValueFormat"
                    @emitHandleSearch="emitHandleSearch"/>
</template>

export default {
  data () {
    return {
      startOption: {},
      endOptions: {},
      beginTimeFileName: 'beginTime',
      endTimeFileName: 'endTime',
      type: 'datetime'
    }
  },
  methods: {
    emitHandleSearch(filedName, fileValue){

    }
  }
}

Categories: UI ComponentsTime

Copyright © 2020 vuejscomponent.com