angularjs - Angular Gantt - 如何设置起始日期和截止日期范围以仅显示所需的分钟数？

Question

我正在制作 Angular 甘特图。我将甘特图标题设置为仅显示分钟。我还想设置从分钟到分钟的范围。我的编码如下。但它总是将全天 View 显示为分钟。任何想法？仅显示以分钟为单位的范围？是否可以以毫秒为单位显示标题？

$scope.options = {
	fromDate:new Date(2013, 10, 15, 14, 0, 0),
	toDate:new Date(2013, 10, 15, 17, 50, 0)}

 $scope.data = [   
    {name: 'row2', tasks: [
        {name: 'task3', from: new Date(2013, 10, 15, 15, 0, 0), to: new Date(2013, 10, 15, 15, 10, 0)},
        {name: 'task4', from: new Date(2013, 10, 15, 16, 20, 0), to: new Date(2013, 10, 15, 16, 50, 0)}
      ]
    }
]

<div gantt data="data" from-date = "options.fromDate" to-date = "options.toDate" headers="['minute']" >
<gantt-tree>  </gantt-tree> </div>

Answer 1

您可以在标题中添加毫秒。但似乎存在一个问题，即范围始终是从一天开始到一天结束。

将 headers 和 headersFormats 添加到您的 div

<div gantt data="data" from-date = "options.fromDate" to-date = "options.toDate" headers="['seconds', 'milliseconds']" headers-formats="headersFormats">
<gantt-tree>  </gantt-tree> </div>

在您的 Controller 中定义 headerFormats 如下

$scope.headersFormats = {
  seconds: function(column) {
    return column.date.format('ss');
  },
  milliseconds: function(column) {
    return column.date.format('SSS');
  }
};