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){
}
}
}
Dependencies
Dependencies
babel-core: ^6.26.0babel-loader: ^7.1.2babel-preset-env: ^1.6.0babel-preset-stage-3: ^6.24.1clean-webpack-plugin: ^1.0.1cross-env: ^5.0.5css-loader: ^0.28.7dayjs: ^1.10.5element-ui: ^2.15.2file-loader: ^1.1.4js-cookie: ^2.2.1vue-i18n: ^8.24.4vue-loader: ^13.0.5vue-template-compiler: ^2.4.4webpack: ^3.6.0webpack-dev-server: ^2.9.1