calling clearDates on date range picker (on document load) breaks customization

[stevevg]

I'm using v1.5.0, if I trigger a change event on a checkbox on page load, and this action triggers a clearDates on a datepicker with custom settings, all custom settings are lost.

In the following fiddle, I set

• format: "dd/mm/yyyy",
• language: "it",
• clearBtn: true

Broken (onload triggered event) https://jsfiddle.net/past12/ftxy6zhe/1/

This works (not triggered event) https://jsfiddle.net/past12/ftxy6zhe/

The code works with onload triggered event if you try to set the event to "click" instead of "change".

[frederikprijck]

I modified your code and it works without any problem. The main issue is the flow in which your code is exectuted:

In your fiddle, when the page loads the following is happening:

• Register a change handler which will clear the date
• Change the checkbox value and trigger the clearDates. Since you are calling clearDates before the datepicker has been initialize, calling clearDates will initialize a datepicker with the default settings. Check this fiddle: https://jsfiddle.net/ftxy6zhe/5/
• Initialize the datepicker <= This won't work because the datepicker has already been initialized by calling clearDates.

So to fix this, you have to make sure your datepickers are initialized before calling clearDates as I did here: https://jsfiddle.net/ftxy6zhe/3/ It is pretty normal that your fiddle behaves strange, how are you supposed to clear something which doesn't exist yet ?