Bootstrap Datetimepicker 3 lined picker heilight

Seems like it should be as easy as below, but doesn't seem to work.  Not sure if this might be an issue, haven't searched them all...

      $("#datetimepicker6").on("dp.change", function(e) {
        $('#datetimepicker7').data("DateTimePicker").defaultDate(e.date);
      });

Select allOpen in new window

---

»bp

This seems to work for me:

      $("#datetimepicker6").on("dp.change", function(e) {
        $('#datetimepicker7').data("DateTimePicker").date(e.date);
      });

Select allOpen in new window

---

»bp

your code works fine...

you set min and max values... this is what linked calendar means...

Hi Bill and thanks for your input.
For reference here is an updated fiddle https://jsfiddle.net/beaconhill/vwp3y6ao/28/
On change or focus of the first field its date appears in the second field. The issue now is that if I then go back and update the first date again then my second date updates to become once again the contents of the first..
N

I fixed your fiddle above

https://jsfiddle.net/9tr0f6xp/

it should work as this one...

The problem still persists.
Update the first picker after the second has been selected and the second date changes too. This will be extremely annoying to the user who simply wants to update the first date and not have the second change too.

Should be
if datepicker7 contains a value then don't do anything if datepicker6 changes to a date that is equal to or less that that of datepicker7

You beaut!
Perfect and thanks for sticking with me.
Best.
Neil

Welcome Neil, glad I was able to help.

---

»bp