Change Date

[SpringsTea]

I'm going to have an aneurysm. I know this stuff is all over here, and there's tons of answers to this question, but non of them WORK.

I'm just trying to change the chosen date of a picker. Thats all. How easy.

Heres my input: <input type="text" class="input-small form-control" name="start" id="date-range-start" />

I have a picker that does some stuff:

$('#date-range-start').datepicker({
  defaultDate:'now',
    startDate: startDate,
    endDate: ToEndDate,
    autoclose: true
})
  .on('changeDate', function(selected){
      startDate = new Date(selected.date.valueOf()+ 1000*3600*24);
      startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
      $('#date-range-end').datepicker('setStartDate', startDate);
      filterTable();
  });

And basically I want to be able to programatically set the selected date when I do something somewhere else. Theres a billion different ways people give to set the date including:

$('#date-range-start').datepicker("update", new Date());
$('#date-range-start').datepicker('update', '2015-01-01');
$('#date-range-start').datepicker('setDate',new Date());
$('#date-range-start').datepicker("update", new Date());
$('#date-range-start').data({date: '2015-01-01'});

and many others that I've tried and forgotten. Sometimes people say 'aw you gotta refresh the picker with $('#date-range-start').datepicker("update"); and some people don't seem to need it, but nothing works for me. Theres no error, they all return the input item, they all remain blank.

Help me I'm dying.

[SpringsTea]

So over a month later I still have no solution to this. I see now the issue stems from the 'startDate' option. Removing this option fixes the issue. Outside of this issue startDate works as intended when using the picker, theres no error when using it. If I don't set startDate on setup and then add it programatically with 'setStartDate' I won't be able to set the date again.

Theres no way this isnt a bug.

[YGKtech]

Same issue here, none of the documented update methods actually work. At all.

There are 466 open issues on this repo with minimal response from the developers; I understand that this is open source software and nobody owes me anything, but it's really irresponsible to leave a project in this state. If these bugs aren't going to be fixed, then you should just go ahead and mark the repo inactive.

[YGKtech]

I was eventually able to get it working using this bit of code:

var old_date = $("#date_picker").datepicker('getDate'); var datestring = old_date.getMonth()+1 + "/" + (old_date.getDate()+modifier) + "/" + old_date.getFullYear(); $("#date_picker").datepicker('setDate', datestring);

The documentation needs to be updated to correctly indicate the expected format of the input data, none of the documented code for this will actually work.

[Azaret]

Hi @SpringsTea, I know it's late for your issue but if by any means you still needs help on your issue, you can reply here and I'll get on your case.

@YGKtech : The repo is on slow mode since #1167, we doing our best to not let this repo die but we all have lives and can't work full time on this project. update works as expected as far as I know. The format expected for any methods is the one set in the format option.

[YGKtech]

@Azaret : then that needs to be in the documentation, because the current docs just show the update method consuming a raw date object, which is way off the mark.

[Azaret]

The current documentation shows examples with both Date object and formatted strings. But I concede that it is not clearly stated in the documentation that the format option set the internal format for dates and therefor impact directly all methods. We will fix that.

[YGKtech]

@Azaret : Thank you, I think some work on the documentation will clear up a lot of the complaints people have about this plugin.

[ptijul]

I was also not able to set the date by javascript without some issues (tested with latest version 1.7.1). Once we set the date, the control is back to its default settings :

• language
• format So the language and the format should be set back again.....but I encountered a new issue after setting the value manually with the code below, 2 datepicker area was possible to open :
  1. One by clicking on the textbox : language in english
  2. One by clicking on the button next to the textbox : language in french (the locale defined) By chance, my use case was better to disabled the control when setting a value. And so, I have all I want : disabled state with the right value working in FF, IE, Chrome, Safari.

Here is the code:

var datePicker = $('#dtpCompo');

datePicker.datepicker({
     format: 'dd.mm.yyyy'
});
datePicker.datepicker('setDate', dateComposition);

[qs-labs]

I was able to work around this limitation by setting the time of my date objects to match the internal date objects used by the datepicker. Without setting the time, the datepicker may interpret the time component of a JS Date object as exceeding one's start, endDate window and therefore will reject one's attempts at setting the date. Code as follows:

var today = new Date();
today.setHours(0, 0, 0, 0);

$("#datepicker").datepicker('setDate', today);