DateRangePicker

Question

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

下面的代码工作正常，因为 expected.on 加载它选择今天的日期并显示。但是，我只需要显示 'placeholder' 值。不是日期。
当我使用 autoUpdateInput : false 时，它显示 'placeholder' 值 onload。但是，在选择日期后，不会插入选定的日期值。
是否可以让 autoUpdateInput: false 和 autoApply: true 使我的应用程序按预期工作？

谢谢

JS:

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

Answer 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");
    });

Answer 2

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

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

看看这个：

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

DateRangePicker - autoUpdateInput:false、autoapply:true 不工作

DateRangePicker - autoUpdateInput:false, autoapply:true not working

javascript

jquery