dhtmx gantt甘特图日期相关参数解释(补充了所有日期格式讲解,如%M、%Y)

316 阅读2分钟

前言:所有的日期格式注解(如%M、%Y)都在最底部,可以直接拖到最底部查看即可!

  • date_scale

官方文档:docs.dhtmlx.com/gantt/api__…

image.png

默认值:

"%d%M"

image.png

举例:

gantt.config.date_scale = "%Y年";

image.png

gantt.config.date_scale = "%Y年%M";

image.png

  • scale_unit

官方文档:docs.dhtmlx.com/gantt/api__…

image.png

默认值:

"day"

  • scales
//设置时间轴多层表头
gantt.config.scales = [
    { unit: "year", step: 1, format: "%Y" },
    { unit: "month", format: "%M" }
];

image.png

  • xml_date

官方文档:docs.dhtmlx.com/gantt/api__…

image.png

举例:

gantt.config.xml_date = "%Y-%m-%d";

当后端返回的日期格式不是甘特图插件需要的格式的时候,好像就是需要用这个转化一下格式,比如后端返回的格式是2024/02/06,而插件需要的是2024-02-06,暂时发现是这样,后面不对再改正!!!

  • gantt.config.subscales (设置时间轴多层表头)

官方文档:docs.dhtmlx.com/gantt/api__…

image.png

举例:

gantt.config.subscales = [
    {
      unit: "day",
      step: 1,
      date: "%d日",
    },
];

image.png

gantt.config.subscales = [
    {
      unit: "week",
      step: 1,
      date: "第%W周",
    },
    {
      unit: "day",
      step: 1,
      date: "%d日",
    },
];

image.png

gantt.config.subscales = [
    {
      unit: "month",
      step: 1,
      date: "%M",
    }
];

image.png

日期格式规范

指定日期格式时,您可以使用以下列表中的任何字符:

  • %y - 两位数的年份(00 到 99);

  • %Y - 四位数的年份 ( 1900-9999 );

  • %m - 带有前导零的数字月份(01 到 12);

  • %n - 月份,不带前导零的数字(1 到 12);

  • %M - 月份缩写(Jan 到 Dec);

  • %F - 月份的全名(一月到十二月);

  • %W - ISO-8601 一年中的周数。每周从星期一开始;

  • %w - 周数,周从星期一或星期日开始,具体取决于start_on_monday配置属性 的值

  • %d - 日期为带前导零的数字(01 到 31);

  • %j - 不带前导零的数字形式的日期(1 到 31);

  • %D - 日期缩写(Sun 到 Sat);

  • %l - 日期的全名(星期日到星期六);

  • %h - 基于 12 小时制的小时(00 到 11);

  • %H - 基于 24 小时制的小时(00 到 23);

  • %g - 基于 12 小时制的小时,不带前导零(1 到 12);

  • %G - 基于 24 小时制的小时,不带前导零(0 到 23);

  • %i - 分钟为带前导零的数字(00 到 59);

  • %s - 第二个为带前导零的数字(00 到 59);

  • %a - 显示am(从午夜到中午的时间)和pm(从中午到午夜的时间);

  • %A - 显示AM(对于从午夜到中午的时间)和PM(对于从中午到午夜的时间)。

例如,如果您想将 2019 年 6 月 1 日表示为 01/06/2019,则应指定“%d/%m/%Y”。