daterangepicker：页面加载时显示的下拉菜单

Question

我在Salesforce社区组件中使用daterangepicker：我只是在DOM初始化后加载并创建它。即使API运行良好，看起来像是一个错误，它的下拉菜单会在每次加载时弹出我的页面，我必须单击<input>才能使其按预期运行。这是我的代码：我做错了什么？

HTML

<div id='dateRangerContainer'>
    <input id='DRP'/>
</div>

使用Javascript

// -----------------------------------------------------------------------------------------------------
// @brief
//  Initializes the date range picker
// @note
//  JQuery is required boi
initDateRangePicker : function( ) 
{
    var helper = this;

    $('#DRP').daterangepicker(
    {
        locale: {
            format: "DD/MM/YYYY"
        },

        autoApply: true,
        alwaysShowCalendars: true,
        parentEl: "#dateRangeContainer",
        startDate: moment().subtract(1, 'day'),
        endDate: moment(),

        ranges:{
            'Dernières 24h': [moment().subtract(1, 'day'), moment()],
            'Semaine en cours': [moment().startOf('week'), moment()],
            'Mois en cours': [moment().startOf('month'), moment()],
            'Trimestre en cours': [moment().startOf('quarter'), moment()]
        }
    }, 

    // called when user selects another date range
    function(start, end, label) {
        // ...
    });
}

Answer 1

如果我没记错的话，该下拉列表仅用于存储值，您不需要它可见。尝试检查元素并添加display: none属性。