Javascript 完整日历。。。如何表示没有特定结束日期的任务

如果任务有开始日期，但没有已知的结束日期（例如，促销活动持续到库存结束），如何在完整日历中表示任务。我希望在这种情况下，时间线趋于无限

然而，由于这种产品促销可能会对未来的页面产生影响（粗线太多），在接下来的页面中，其他页面中开始的促销是否可能用虚线或细线表示

这把小提琴只是一个起点

 title: 'Test1',
       start:  '2016-05-01T14:30:00',
       end:  '2016-05-06T14:30:00',

例如，我希望任务1趋于无穷大，在接下来的几页中，这可以用一条更细的线表示吗？

---

添加自定义事件对您很有用。试试这个：

$('#calendar').fullCalendar('addEventSource',
  function(start, end, callback) {
    // When requested, dynamically generate a
    // repeatable event for every start day of the week.
    var events = [];
    var one_day = (24 * 60 * 60 * 1000);

    for (loop = start.getTime(); loop <= end.getTime(); loop = loop + one_day) {

      var column_date = new Date(loop);

      if (column_date.getDay() == 0) {
        events.push({
          title: 'infinite event',
          start: new Date(column_date),
          end: new Date(loop + one_day * 6)
        });
      }
    } // for loop

    // return events generated
    callback(events);
  });

$（“#日历”）.fullCalendar（'addEventSource'，
函数（开始、结束、回调）{
//请求时，动态生成
//一周中每个开始日的可重复事件。
var事件=[]；
var一天=（24*60*60*1000）；
对于（loop=start.getTime（）；loop，添加自定义事件对您很有用。请尝试以下操作：

$('#calendar').fullCalendar('addEventSource',
  function(start, end, callback) {
    // When requested, dynamically generate a
    // repeatable event for every start day of the week.
    var events = [];
    var one_day = (24 * 60 * 60 * 1000);

    for (loop = start.getTime(); loop <= end.getTime(); loop = loop + one_day) {

      var column_date = new Date(loop);

      if (column_date.getDay() == 0) {
        events.push({
          title: 'infinite event',
          start: new Date(column_date),
          end: new Date(loop + one_day * 6)
        });
      }
    } // for loop

    // return events generated
    callback(events);
  });

$（“#日历”）.fullCalendar（'addEventSource'，
函数（开始、结束、回调）{
//请求时，动态生成
//一周中每个开始日的可重复事件。
var事件=[]；
var一天=（24*60*60*1000）；
对于（loop=start.getTime（）；loop您需要的是一个自定义事件

 $('#calendar').fullCalendar({
        // put your options and callbacks here
            events: events_array,
            timeFormat: 'H(:mm)',//,      
            //defaultView: 'agendaWeek',
            eventRender: function(event, element) {               
           // ur conditoin here
           //if() task then custome event render
            element.css('height','2px');          
    }


    })

更新：分叉新小提琴
您需要的是一个自定义事件

 $('#calendar').fullCalendar({
        // put your options and callbacks here
            events: events_array,
            timeFormat: 'H(:mm)',//,      
            //defaultView: 'agendaWeek',
            eventRender: function(event, element) {               
           // ur conditoin here
           //if() task then custome event render
            element.css('height','2px');          
    }


    })

更新：Forked new fiddle
您好，谢谢，但这是一个代表重复任务的任务，我想要的是相同的任务（假设任务测试1）持续很长一段时间，如果可能，任务的默认大小将减少为虚线或下一页中的一行。您好这很有趣，是否可能在下一页中显示任务的高度（蓝线）减少到一条直线或虚线？因为在未来的计划中可能会有很多事件和很多重叠？我不这么认为，因为我们正在尝试将相同的事件推送到一个循环中。顺便说一下，我已经更新了一点代码，看一看…：）您好，谢谢，但这是一个代表重复任务的任务，我想要的是相同的任务（假设任务测试1）持续很长时间，如果可能的话，任务的默认大小将减少到一条虚线或下一页中的一条线。您好这很有趣，是否可能在下一页中显示任务的高度（蓝线）减少到一条直线或虚线？因为在未来的计划中可能会有很多事件和很多重叠？我不这么认为，因为我们正在尝试将同一事件推到一个循环中。顺便说一下，我已经对代码进行了一次更新，请看一下……）你好Rashidnk这是非常非常接近我要找的…有可能有标题内的行开始（在开始它是一个更厚的）然后，如果我们单击“下一步”或文本完成后，它会变薄。这样我们就可以阅读文本。可能是通过在文本后面添加某种css背景tweek？或其他什么？你可以使用css，element.css（）来完成，你可以修改Hello Rashidnk这非常接近我要找的东西..标题是否可以放在行的开头（开头有点粗）然后，如果我们单击“下一步”或文本完成后，它会变薄。这样我们就可以阅读文本。可能是通过在文本后面添加某种css背景tweek？或其他方法？你可以使用css，element.css（），你可以修改