時間範圍選擇外掛程式 取當前時間之前一段時間範圍 按刻,小時,天分類
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.放大縮小 在時間軸...