引导日期范围选择器 - >单日期选择器:如何设置日期

时间:2017-04-22 15:30:31

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

我正在尝试Boootstrap Date Range Picker

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

单日期选择器初始化代码

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

我尝试使用以下代码:

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

这样,我的输出低于输出,这是不可接受的! enter image description here

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

干杯!!

3 个答案:

答案 0 :(得分:1)

尝试

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

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

答案 1 :(得分:0)

在我的情况下,我遇到了同样的问题。问题是在startDate格式中,它与区域设置中给出的格式不匹配:{format:' DD / MM / YYYY'}

答案 2 :(得分:0)

尝试一下:

设置日期:

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