How to enable highlighting for initial value in quarter datepicker

Question

Regarding the quarterPicker for the Bootstrap datePicker (SO: how-to-change-bootstrap-datepicker-month-view-to-display-quarters, jsfiddle: jsFiddle):

How can an initial value be highlighted on startup?

I supplied a value in

window.onload

but it is not displayed when starting up the webpage. But if I change the quarter and re-open the dialogue, the quarter is highlighted correctly.

Answer 1

Try this:

$('#example1').datepicker('setDate', 'Q1 2018');
$('#example1').datepicker('update');