|
|
@@ -9,8 +9,7 @@
|
|
|
<style type="text/css">
|
|
|
|
|
|
</style>
|
|
|
- <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
|
|
|
- <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/locale/zh-cn.js"></script>
|
|
|
+ <script src="https://cdn.jsdelivr.net/npm/dayjs/dayjs.min.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
// 方块的宽度、高度
|
|
|
const rectHeight = 15;
|
|
|
@@ -33,8 +32,8 @@
|
|
|
|
|
|
|
|
|
// 开始时间、结束时间的秒数
|
|
|
- startTimeSec = Math.ceil(moment(startTime).valueOf() / 1000);
|
|
|
- endTimeSec = Math.ceil(moment(endTime).valueOf() / 1000);
|
|
|
+ startTimeSec = Math.ceil(dayjs(startTime).valueOf() / 1000);
|
|
|
+ endTimeSec = Math.ceil(dayjs(endTime).valueOf() / 1000);
|
|
|
|
|
|
// 结束时间-开始时间的间隔秒数
|
|
|
let interval = endTimeSec - startTimeSec;
|
|
|
@@ -57,7 +56,7 @@
|
|
|
|
|
|
if(columnIndex === 0){
|
|
|
let currentSec = (startTimeSec + index) * 1000;
|
|
|
- let text = moment(currentSec).format('YYYY-MM-DD HH:mm:ss');
|
|
|
+ let text = dayjs(currentSec).format('YYYY-MM-DD HH:mm:ss');
|
|
|
ctx.fillText(text, 0, rectTop + 10);
|
|
|
}
|
|
|
}
|
|
|
@@ -73,7 +72,7 @@
|
|
|
|
|
|
for(let index = 0; index < dataArray.length; index ++){
|
|
|
let data = dataArray[index];
|
|
|
- let sec = Math.ceil(moment(data).valueOf() / 1000);
|
|
|
+ let sec = Math.ceil(dayjs(data).valueOf() / 1000);
|
|
|
|
|
|
let interval = sec - startTimeSec;
|
|
|
if(interval < 0){
|
|
|
@@ -101,8 +100,8 @@
|
|
|
for(let index = 0; index < filterArray.length; index ++){
|
|
|
let data = filterArray[index];
|
|
|
|
|
|
- let startSec = Math.ceil(moment(data.start).valueOf() / 1000);
|
|
|
- let endSec = Math.ceil(moment(data.end).valueOf() / 1000);
|
|
|
+ let startSec = Math.ceil(dayjs(data.start).valueOf() / 1000);
|
|
|
+ let endSec = Math.ceil(dayjs(data.end).valueOf() / 1000);
|
|
|
|
|
|
let intervalStart = startSec - startTimeSec;
|
|
|
intervalStart = (intervalStart <= 0) ? 0 : intervalStart;
|