如何更新daterangepicker的输入

Question

我有这个日期范围选择器：

           $('#licencia_municipal_emision, #licencia_municipal_vencimiento, #licencia_interna_emision, #licencia_interna_vencimiento').daterangepicker({
                showDropdowns: true,
                singleDatePicker: true,
                autoUpdateInput: false,
                singleClasses: "picker_1", locale: {
                    format: 'DD/MM/YYYY'
                }
            }, function (start, end, label) {
                $(this).val(start.format('DD/MM/YYYY'));
                alert(start.format('DD/MM/YYYY'))
            });

请注意 "autoUpdateInput: false"...这是必需的，以便 INPUT 控件最初显示为空。

当我点击一个日期时，回调被调用，但我无法更新附加的 INPUT。怎么做？

Answer 1

按照官方指南中的说明进行操作

你的html

<input type="text" name="datefilter" value="" />

您的 js 代码将初始化日期选择器，但会监听 select 事件并取消事件到不同的调用中，而不是在初始化中

$('input[name="datefilter"]').daterangepicker({
      autoUpdateInput: false,

    singleDatePicker:true
  });

  $('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('DD/MM/YYYY'));
  });

   $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
   });


 });

Answer 2

你也可以试试这个

            $("#duetime").daterangepicker({

                autoUpdateInput: false,
                startDate: false,
                minYear: 1901,
                showDropdowns: true,
                singleDatePicker: true,
                timePicker: true,
                timePicker24Hour: false,
                timePickerIncrement: 05,
                drops:"up",
                locale: {
                    // format: 'MM/DD/YYYY hh:mm A'
                    format: 'DD/MM/YYYY hh:mm A'
                },
            });
            $("#duetime").on('apply.daterangepicker', function(ev, picker) {
                $(this).val(picker.startDate.format('DD/MM/YYYY hh:mm A'));
            });

            $("#duetime").on('cancel.daterangepicker', function(ev, picker) {
                $(this).val('');
            });

如何更新daterangepicker的输入

how to update INPUT of daterangepicker

jquery

daterangepicker