CODEWITHSUNDEEP
javascriptjquerybootstrap-datetimepicker
Santosh
Santosh

Reputation: 3807

Bootstrap Datetime picker dynamic default date not working

I am trying to update the default date on each link clicked. But it only updates for the first time. After I click another link it still shows old date. But when I debug the defaultD is updating.

I am using bootstrap-datetimepicker

updateSessionDate: function(datetime){  
    $("#updateUTCDate").modal("show");
    var defaultD = moment(datetime, "MMM Do YYYY, h:mm a").format("MM-DD-YYYY HH:mm:ss");
    $('#current_session_date').datetimepicker({
        defaultDate: defaultD,
    });
},

Click any date it will show only the first one I have click.

enter image description here

How do I update date and time on each click?

Upvotes: 0

Views: 508

Answers (1)

wormania
wormania

Reputation: 141

$('#current_session_date').datetimepicker({
  defaultDate: defaultD,
});

This creates the datetimepicker with an initial value, so doesn't work if the datetimepicker already exists.

You either need to call date([newDate]) to update it in place (you'll need to initialise it elsewhere) or destroy() it when the modal is closed, allowing you to remake it with a new initial value.

Upvotes: 2

Related Questions