Перейти к основному содержимому

task_end_date

Description​

Определяет формат дат окончания задач во всплывающем окне (lightbox)

task_end_date: (date: Date) => string;

Parameters​

  • date - (required) Date - дата, которую нужно отформатировать

Returns​

  • text - (string) - HTML-текст, который будет отображаться в gantt

Example​

gantt.templates.task_end_date = function(date){
   return gantt.templates.task_date(new Date(date.valueOf() - 1)); 
};

Details​

Setting format for inclusive end dates​

Шаблон можно переопределить, чтобы изменить стиль дат окончания задач в диаграмме Ганта (то есть включить дату окончания в продолжительность задач).

Например, возьмём задачу, которая начинается 2 апреля 2020 года и длится один день.

По умолчанию дата окончания этой задачи будет отображаться как 3 апреля 2020 года (03-04-2020 00:00:00):

task_end_date_template_default

Вы можете изменить формат даты окончания на 2 апреля 2020 года:

task_end_date_template

Чтобы сделать это, необходимо переопределить конфигурацию columns, как в примере:


gantt.config.columns = [
  {name: "wbs", label: "#", width: 60, align: "center", template: gantt.getWBSCode},
  {name: "text", label: "Name", tree: true, width: 200, resize: true},
  {name: "start_date", label: "Start", width:80, align: "center", resize: true},
  {name: "end_date", label: "Finish", width:80, align: "center", resize: true},    
  {name:"add"}
];
gantt.templates.task_end_date = function(date){
   return gantt.templates.task_date(new Date(date.valueOf() - 1)); 
};

var gridDateToStr = gantt.date.date_to_str("%Y-%m-%d");
gantt.templates.grid_date_format = function(date, column){
   if(column === "end_date"){
     return gridDateToStr(new Date(date.valueOf() - 1)); 
   }else{
     return gridDateToStr(date); 
   }
}
gantt.init("gantt_here");

Для более подробной информации о форматировании дат окончания смотрите статью Отображение даты окончания задачи и инклюзивные даты окончания

Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.
Need more help?Contact Support