博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
企业级时间轴插件Vue-timelinepick
阅读量:6248 次
发布时间:2019-06-22

本文共 885 字,大约阅读时间需要 2 分钟。

简介

时间范围选择插件 取当前时间之前一段时间范围 按刻,小时,天分类

在线演示及下载

在线演示:

依赖

  • jquery
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’

转载地址:http://ltlia.baihongyu.com/

你可能感兴趣的文章
前端Demo常用库文件链接
查看>>
react create-react-app 跨域
查看>>
python html parse
查看>>
本机连接调试Erlang结点与rebar3编译
查看>>
web基础html元素制作web
查看>>
Codeforces 96C - Hockey
查看>>
生成树协议
查看>>
Web应用三种部署方式的优缺点
查看>>
python爬虫——绕开杂乱无章的代码和堵住请求的302异常(2)
查看>>
static易错点
查看>>
js获取当前日期(年月日格式)
查看>>
LeetCode【217. Contains Duplicate】
查看>>
EBook
查看>>
单词加密
查看>>
【转】关于使用GUID和Identity做主键的一些思考
查看>>
oracle入坑日记<六>自增列创建和清除(含序列和触发器的基础用法)
查看>>
JS框架设计之主流框架的引入机制DomeReady一种子模块
查看>>
js失效的原因及解决方式
查看>>
heap堆内存不足
查看>>
scp命令
查看>>