Question

我在Salesforce社区组件中使用daterangepicker：我只是在DOM初始化后加载并创建它。即使该API很好用，但似乎是一个错误，每次加载该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属性。

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

1 个答案: