代码之家 › 专栏 › 技术社区 › jstuardo

如何更新daterangepicker的输入

daterangepicker jquery

jstuardo · 技术社区 · 7 年前

我有一个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'))
            });

当我单击一个日期时,会调用回调,但我无法更新附加的输入。怎么做?

1 回复 | 直到 7 年前

gijoe 7 年前

遵循官方指南上的指示

你的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('');
   });


 });

Neeraj Tangariya 6 年前

            $("#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('');
            });

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前