dhtmlx甘特图marker不随小时移动

简介: dhtmlx甘特图marker不随小时移动

dhtmlx甘特图marker是什么?

就是一个跟着日期变化的标记,如下图所示

bc551c8fcd794ba798a8bc7f491025bf.png3d0e32034d0e4d8eb8e9f0399210c427.png

这段代码是用来调整标记的样式,展示文本的关键代码,如要配置今日标记,需在plugins添加maker后加上这段代码


start_date是用来获得日期的,学过js我们知道new Date()方法是获得最新的时间的方法

start_date:new Date()

所以配置了默认的属性后,marker是会随着小时移动的,例如0点则在日期格子的最左边,12点则在日期格子的中间


如何让甘特图的marker不随小时移动呢

实现思路是把获得的日期固定在每天的12点

所以我们可以先获取每天的0点,然后在加上计算出0点到12点之间的毫秒数

获取每天的零点我们可以使用

new Date().toLocaleDateString()).getTime()

然后加上计算出的43200000毫秒,就可以得到每天的12点

start_date: new Date(new Date(new Date().toLocaleDateString()).getTime() + 43200000),

把start_date修改为上面这段代码,即可把marker固定在日期中间不随时间移动

相关文章
|
4月前
|
Python
颜色变化时间提醒
【9月更文挑战第11天】
72 11
颜色变化时间提醒
|
8月前
左右可以滑动半年的超级日历,支持日历部分收起和自动重定向为北京时间
左右可以滑动半年的超级日历,支持日历部分收起和自动重定向为北京时间
53 0
|
8月前
GEE图表——趋势线图表的加载和展示包含纵坐标间隔的设定(以某区域年均降水总量为例)
GEE图表——趋势线图表的加载和展示包含纵坐标间隔的设定(以某区域年均降水总量为例)
100 0
日历控件input框默认显示当日日期
日历控件input框默认显示当日日期
86 0
把K线的时间增加15分钟
把K线的时间增加15分钟
145 0
|
前端开发 JavaScript NoSQL
[前端]每间隔一段时间查询接口获取到百分比,在页面上按照百分比展示进度条,百分比进度后下载文件
[前端]每间隔一段时间查询接口获取到百分比,在页面上按照百分比展示进度条,百分比进度后下载文件
Echarts图表x轴y轴刻度值过长时显示不全(超过一千显示...k)
Echarts图表x轴y轴刻度值过长时显示不全(超过一千显示...k)
1188 0
Echarts图表x轴y轴刻度值过长时显示不全(超过一千显示...k)

热门文章

最新文章

下一篇
开通oss服务