【问题标题】:Bootstrap Date Range Picker -> Single Date Picker: How to set a DateBootstrap 日期范围选择器 -> 单一日期选择器:如何设置日期
【发布时间】:2017-09-19 12:54:46
【问题描述】:

我正在尝试Boootstrap Date Range Picker

通过 Javascript 将 Date 设置为 单一日期选择器 的最佳方法是什么?

单一日期选择器初始化代码

$(#date).daterangepicker({
    locale: {
          format: 'DD/MM/YYYY',
    },
    singleDatePicker: true,
    showDropdowns: true
});

我尝试了以下代码:

$("date").data('daterangepicker').setStartDate(data.startDate);

这样,我得到低于输出,这是不能接受的!!!

希望有人提出一个好的解决方案。

干杯!!

【问题讨论】:

    标签: javascript twitter-bootstrap-3 momentjs bootstrap-daterangepicker


    【解决方案1】:

    试试这个:

    设定日期:

    $(#date).daterangepicker({
        locale: {
              format: 'DD/MM/YYYY',
        },
        singleDatePicker: true,
        showDropdowns: true,
        startDate: '2020/03/04',
        startDate: '2020/03/04'
    });
    

    重置日期:

    $("#date").data('daterangepicker').setStartDate('2020/03/04'); 
    $("#date").data('daterangepicker').setEndDate('2020/03/04');
    

    如果你要重置当前日期:

    $("#date").data('daterangepicker').setStartDate(moment()); 
    $("#date").data('daterangepicker').setEndDate(moment());
    

    【讨论】:

      【解决方案2】:

      试试

      $("date").data('daterangepicker').setStartDate(data.startDate);
      $("date").data('daterangepicker').setEndDate(data.startDate);
      

      这是我目前能找到的唯一方法。

      【讨论】:

        【解决方案3】:

        就我而言,我遇到了同样的问题。问题在于 startDate 格式,它与语言环境中给出的格式不匹配:{format:'DD/MM/YYYY'}

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2023-04-05
          • 2020-06-11
          • 2017-07-09
          • 1970-01-01
          • 1970-01-01
          • 2020-10-12
          • 1970-01-01
          相关资源
          最近更新 更多