DateRangePicker – autoUpdateInput:false, autoapply:true not working


I used daterangepicker for my application.

  1. Below code works fine as expected.on load it picks today date and displays. But, i need to show only ‘placeholder’ value. Not date.
  2. When i use autoUpdateInput : false, it shows ‘placeholder’ value onload. But, after dates are picked, selected date values are not getting inserted.
  3. Is it possible to do autoUpdateInput: false and autoApply: true make work as expected for my application?



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


You can use function(start,end) {} for this.

Look at this:

           "showDropdowns": true,
           "autoApply": true,
            locale: {
                format: 'DD/MM/YYYY'
            },autoclose: true,
            "alwaysShowCalendars": true,
            "startDate": '<%= start_date %>',
            "endDate": '<%= end_date %>'
        }, function(start, end) {
    $('#start_date').on("change", function(){

Answered By – Wouter Schoofs

Answer Checked By – David Marino (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.