企业级时间轴插件Vue-timelinepick
简介
时间范围选择插件 取当前时间之前一段时间范围 按刻,小时,天分类
在线演示及下载
在线演示:https://yelingfeng.github.io/vue-timelinepick/
本地下载
依赖
- jquery <=2.x
- d3 < 4.x
- createjs
- tweenMax
使用方法
引入依赖文件
import timelinepick from "vue-timelinepick" import "vue-timelinepick/dist/vue-timelinepick.css" Vue.use(timelinpick)
vue组件中直接使用
data() { return { "width": 1200, "height":110, "op" : { "threshold": new Date(), "number": 97, "spanMinNumber": 10, "isFixedDrag" : true, "spanIndex": {start: 70, end: 97}, "type": "quarter", "dateFormat" : 'yyyy-MM-dd mm:hh:ss' } } }, methods:{ changeAction(e){ this.startTime = e.startTime; this.endTime = e.endTime; } }
属性
属性 | 说明 |
---|---|
width | 宽 |
height | 高 |
option | 配置项 |
方法
属性 | 说明 |
---|---|
threshold | 起点时间(默认当前) new Date() |
number | 总刻度 97 |
isFixedDrag | 是否禁止拖拽 false |
spanIndex | 起始滑块范围 {start: 70, end: 97} |
type | 刻度类型 “quarter” |
dateFormat | 格式 ‘yyyy-MM-dd mm:hh:ss’ |
相关推荐
-
jQuery artDialog对话框插件API 插件应用
2017-6-23
-
JavaScript响应式轮播图插件–Flickity 插件应用
2017-6-3
-
skippr – 更轻更快的jQuery幻灯片插件 插件应用
2017-12-12
-
JS时间处理插件MomentJS 插件应用
2017-12-18
-
jQuery Transit 过渡效果插件 插件应用
2017-5-17
-
jQuery全屏滚动插件-pagepiling.js 插件应用
2017-12-25
-
jQuery内容滚动插件-BoxSlider 插件应用
2017-6-23
-
移动端效果之Picker 插件应用
2017-12-11
-
移动端日期选择组件 插件应用
2017-6-23
-
jQuery返回顶部插件-toTop 插件应用
2017-12-25