vue-drap-timepicker

可拖拽时间区间选择器

Usage no npm install needed!

<script type="module">
  import vueDrapTimepicker from 'https://cdn.skypack.dev/vue-drap-timepicker';
</script>

README

vue-drap-timepicker 可拖拽时间区间选择器

用于选择时间区间，可拓展可点击

demo

Installation

$ npm install vue-drap-timepicker

Example

import VueDrapTimepicker from 'vue-drap-timepicker';
// import {VueDrapTimepicker} from 'vue-drap-timepicker';
Vue.use(VueDrapTimepicker);

<vue-drap-timepicker v-model="value" />

Attributes

参数 说明 类型
value/v-model 所选择的时间区间 String
change 内容变化时触发 Function

value为24x2x7的字符串，意思为已半小时为一个区间，一天共 48 区间，一周有 7x48 个区间，其中0代表未选中，1代表已选中

Events

  • change 内容变化时触发