DateRangePicker - 自动更新输入：假，自动应用：真不工作答案

【问题标题】：DateRangePicker - autoUpdateInput:false, autoapply:true not workingDateRangePicker - 自动更新输入：假，自动应用：真不工作
【发布时间】：2021-10-22 01:34:32
【问题描述】：

我在我的应用程序中使用了 daterangepicker。

下面的代码可以正常工作。加载时它会选择今天的日期并显示。但是，我只需要显示“占位符”值。不是日期。
当我使用 autoUpdateInput : false 时，它会在加载时显示“占位符”值。但是，选择日期后，不会插入选定的日期值。
是否可以执行 autoUpdateInput: false 和 autoApply: true 使我的应用程序按预期工作？

谢谢

JS：

$('input[name="Two way"]').daterangepicker({
    "autoApply": true,
    "minDate": today,
    "locale": {
        format: 'DD MMM YYYY'
    }
});

【问题讨论】：

标签： javascript jquery daterangepicker

【解决方案1】：

您可以为此使用function(start,end) {}。

看看这个：

        $('#start_date').daterangepicker({
           "showDropdowns": true,
           "autoApply": true,
            locale: {
                format: 'DD/MM/YYYY'
            },autoclose: true,
            "alwaysShowCalendars": true,
            "startDate": '<%= start_date %>',
            "endDate": '<%= end_date %>'
        }, function(start, end) {
              $("#start_date_input").val(start.format('DD/MM/YYYY'));
              $("#end_date_input").val(end.format('DD/MM/YYYY'));
              Materialize.updateTextFields();
        }
    );
    $('#start_date').on("change", function(){
        console.log("changes");
    });

【讨论】：

【解决方案2】：

第三点的答案- 是的，可以同时使用 autoApply=true 和 autoUpdateInput=false。

为此，您只需将 autoApply 参数放在 autoUpdateInput 之前

看看这个：

$('input[name="Two way"]').daterangepicker({
    autoApply: true,
    autoUpdateInput: false,
    minDate: today,
    locale: {
        format: 'DD MMM YYYY'
    }
});

【讨论】：