dhtmlx甘特图marker不随小时移动

dhtmlx甘特图marker是什么?
就是一个跟着日期变化的标记,如下图所示
dhtmlx甘特图marker不随小时移动_第1张图片
dhtmlx甘特图marker不随小时移动_第2张图片
这段代码是用来调整标记的样式,展示文本的关键代码,如要配置今日标记,需在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固定在日期中间不随时间移动

你可能感兴趣的:(前端,笔记,甘特图,前端,javascript,html)