日期范围引导程序

Date Range Bootstrap

本文关键字：引导程序 范围 日期      更新时间：2023-09-26

我在一个网站中使用dangrossman daterangepicker，这是代码。

$('#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'));
    }
);

JsFiddle Link

我

只想在该列表中，范围选项将正常工作，但在此处添加一个名为"Newvalue"的选项，我只想当用户选择此选项时，字符串将写入此div中。

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

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

JSFIDDLE 示例 1

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

JSFIDDLE 示例 2

相关文章：