Javascript 日期范围引导

我在一个网站上使用的是这里的代码

$('#reportrange').daterangepicker(
    {
      ranges: {
       //My added value
          'New Value':['This is just string value'],
          'Today': [moment(), moment()],
         'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
         'Last 7 Days': [moment().subtract('days', 6), moment()],
         'Last 30 Days': [moment().subtract('days', 29), moment()],
         'This Month': [moment().startOf('month'), moment().endOf('month')],
         'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
      },
      startDate: moment().subtract('days', 6),
      endDate: moment()
    },
    function(start, end) {
        $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
    }
);

我只想在列表中的范围选项将工作，因为他们正在工作，但添加一个更多的选项在这里与'新值'的名称为这个选项我只想当用户选择这个，字符串将写入这个div

---

我看到的错误是无效的日期范围值是数组。我尝试过使用双qoute单qoute值和两个值，但都不起作用。您可以看到它的小提琴。

您可以使用文本框而不是div，在这里您可以手动输入日期或从选项中选择日期

---

为什么要在日期范围选择器中添加字符串值。你必须把日期范围指定为我在一个站点上工作的值，你可以在右上方看到一个日期范围选择器，我只想在这里添加另一个选项，在那里什么都不做，显示新的值。丑陋的黑客：但是我不认为这是任何问题的答案。如果您只想在页面加载后添加一些标签，修改DOM并向日期范围拾取小部件添加一个元素，然后附加一些自定义事件处理程序——尽管这也很难看，但您的难看方式很好；但是如果我想在这里再添加一个文本值呢？就像你在代码中说的，如果值不是div中的一个数字，那么就写任何文本，你可以做更难看的hack:；我非常感谢您的努力示例2是相关的，但您可以看到最初的新值在下拉列表中，但当您单击它时，文本“新值”必须出现在写入位置“选择日期”。但是，当您单击新值时，下拉选项也在更改。例如，您单击今天的日期将显示在“选择日期地点”和“昨天”，以此类推，但对于“新值”选项，我只希望文本显示新值。

If you don't want to have this behaviour, then use this work around by hiding div nd showing text box for entering date.