在D3中将多个选项附加到html

我在d3中有一条时间表，该时间表正在使用Wordpress中以JSON格式格式化的帖子中的数据。时间轴上的项目具有工具提示，其中显示了一些内容，包括项目的开始时间和结束时间。时间轴和工具提示都工作正常，除了我有两个条件可以更改工具提示中显示的内容，而且一次只能工作一个。

这两个条件是：

1. 如果开始日期与结束日期相同，我们只显示开始日期。否则，我们显示startDate +“到” + endDate。
2. 日期可能仅显示为年，月和年，或者日，月和年，具体取决于帖子的输入。

因此，我有三种单独的日期格式（都可以正常工作）：

var displayDate = d3.time.format("%d %b %Y");
var displayMonthYear = d3.time.format("%b %Y");
var displayYear = d3.time.format("%Y");

而且我可以使用第一个条件将html附加到工具提示中：

var tip = d3.tip()
  .attr('class', 'd3-tip')
  .offset(function(d) { if (xTimeline(d.endDate)  > 800) { return [-10, 8] } else { return [-10, -8]  } })
  .html(function(d) {
    if ((xTimeline(d.endDate) - xTimeline(d.startDate) == 0)) {
      return d.title + "<br/><p>" + displayDate(d.startDate) + "</p>" + d.content; }
    else { 
      return d.title + "<br/><p>" + displayDate(d.startDate) + " to " + displayDate(d.endDate) + "</p>" + d.content; }
  });

或第二个：

var tip = d3.tip()
  .attr('class', 'd3-tip')
  .offset(function(d) { if (xTimeline(d.endDate)  > 800) { return [-10, 8] } else { return [-10, -8]  } })
  .html(function(d) { if (d.dateFormat == "Year only") {
  return d.title + "<br/><p>" + displayYear(d.startDate) + "</p>" + d.content; 
  }
  else if (d.dateFormat == "Month and year") {
return d.title + "<br/><p>" + displayMonthYear(d.startDate) + "</p>" + d.content; 
  }
  else {
return d.title + "<br/><p>" + displayDate(d.startDate) + "</p>" + d.content; 
  }
  });

但是我缺乏将它们结合起来的技能。我试图将第二个变量制成var或函数，但似乎无法使其正常工作。

我怀疑这对于一个精通Javascript的人来说真的很简单，但是现阶段还不是我。

任何帮助是极大的赞赏。