Bootstrap Date Range Picker -> Single Date Picker: How to set a Date
11,270
Solution 1
Try
$("date").data('daterangepicker').setStartDate(data.startDate);
$("date").data('daterangepicker').setEndDate(data.startDate);
That is the only way I can find so far.
Solution 2
Try this:
Set Date:
$(#date).daterangepicker({
locale: {
format: 'DD/MM/YYYY',
},
singleDatePicker: true,
showDropdowns: true,
startDate: '2020/03/04',
startDate: '2020/03/04'
});
Reset date:
$("#date").data('daterangepicker').setStartDate('2020/03/04');
$("#date").data('daterangepicker').setEndDate('2020/03/04');
If u gonna reset current date:
$("#date").data('daterangepicker').setStartDate(moment());
$("#date").data('daterangepicker').setEndDate(moment());
Comments
-
Navas Basheer almost 2 years
I'm experimenting with Boootstrap Date Range Picker
Whats the best way to set Date into a Single Date Picker via Javascript?
Single Date Picker initialization code
$(#date).daterangepicker({ locale: { format: 'DD/MM/YYYY', }, singleDatePicker: true, showDropdowns: true });
I tried with below code:
$("date").data('daterangepicker').setStartDate(data.startDate);
This way, I'm getting below output, which is not really acceptable!!!
Hope someone come up with a nice solution.
Cheers!!