Question

我有这个daterangepicker：

           $('#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代码将初始化datepicker，但在不同的调用中而不是在初始化中监听select事件和cancel事件

$('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的输入

2 个答案: