daterangepicker的用法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/asdf_123123/article/details/89315337

daterangepicker的用法

• 官方文档

• 传入默认日期的解决方案

<div id="reportrange" class="opensright" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 133px;display:inline-block;">
    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
    <span id="start_time_span"></span><b class="caret"></b>
</div>

var cb = function(start){
    $('#start_time_span').html(start.format('YYYY-MM-DD'));
};

var initDatePicker = function(default_time){
    // 例：default_time = "2019-04-01"
    if (default_time == ""){
        // 没有默认日期时，使用当天的日期
        start_time = moment();
    }else{
        // 指定默认日期时，使用默认日期
        start_time = moment(default_time);
    }
    cb(start_time);

    $('#reportrange').daterangepicker({
        locale: {
            format: 'YYYY-MM-DD',
        },
        opens: 'right',
        showDropdowns: true,
        singleDatePicker: true,
        startDate: start_time.format('YYYY-MM-DD')

    }, cb);
};

var bind = function(){

};

var init = function(){
    // 默认显示当前日期
    // initDatePicker("");
    // 指定日期
    initDatePicker("2019-04-01");
};

$(function(){
    init();
    bind();
})