daterangepicker的用法

最新推荐文章于 2024-09-01 08:09:57 发布

没有名字的程序员

最新推荐文章于 2024-09-01 08:09:57 发布

阅读量438

点赞数

分类专栏：前端文章标签： JavaScript

本文链接：https://blog.csdn.net/asdf_123123/article/details/89315337

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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