企業級時間軸外掛程式Vue timelinepick

2021-09-19 19:54:39 字數 797 閱讀 8360

時間範圍選擇外掛程式 取當前時間之前一段時間範圍 按刻,小時,天分類

import timelinepick from

"vue-timelinepick"

import

"vue-timelinepick/dist/vue-timelinepick.css"

vue.use(timelinpick)

vue元件中直接使用

:option="op"

:width="width"

:height="height"

:handler="changeaction">

data() ,

"type"

:"quarter",

"dateformat"

:'yyyy-mm-dd mm:hh:ss'}}

},methods:

}

屬性

說明width

寬height

高option

配置項屬性

說明threshold

起點時間(預設當前) new date()

number

總刻度 97

isfixeddrag

是否禁止拖拽 false

spanindex

起始滑塊範圍

type

刻度型別 「quarter」

dateformat

格式 『yyyy-mm-dd mm:hh:ss』

更多外掛程式

時間軸外掛程式

這是一款可用於展示歷史和計畫的時間軸外掛程式,尤其比較適合一些 展示發展歷程 大事件等場景。該外掛程式基於jquery,可以滑動切換 水平和垂直滾動 支援鍵盤方向鍵。經過擴充套件後可以支援滑鼠滾輪事件。檢視演示 html 我們在body中建立乙個div timeline作為展示區,dates為時間軸...

jquery垂直時間軸 外掛程式

提取碼 9fmc jquery時間軸 這是乙個簡單的響應時間軸交替的顏色標籤。乙個圖示字型用於在時間軸上的圖示的航點和 查詢一些例子說明如何調整的時間表較小的螢幕。時間軸的主要結構是乙個無序列表。使用步驟 html the css font face made with cbp tmtimeline...

使用canvas編寫時間軸外掛程式

這個外掛程式,原外掛程式中是使用原生的js 繪製dom節點來顯示時間軸,後面使用起來發現每一次重繪就要操作上百個dom節點,效能很差,所以決定採用canvas來重寫時間軸。1.繪製時間軸 上面包括刻度 錄影段 時間點 2.點選 拖動時間軸 可以返回釋放的時間點,控制台有列印值 3.放大縮小 在時間軸...