Update bootstrap datepicker value in year only mode

Question

I want to set year of datepicker in edit case

I have created datepicker with year only mode using following code.

$(".datepickeryearonly").datepicker({
    autoclose: true,
    format: "yyyy",
    viewMode: "years",
    minViewMode: "years"
});

Now I want to update its value.

I have tried

$('input[name="abcd"]').parents('.datepickeryearonly').first().datepicker('setDate','YYYY');

and

$('input[name="abcd"]').val('YYYY')

which is NOT WORKING.

HTML :

<div class="datepickeryearonly">
    <input class="form-control" name="abcd" type="text"/>
</div>

Answer 1

You can use Update for update the date. Please try

$(".datepickeryearonly").datepicker({
    autoclose: true,
    format: "yyyy",
    viewMode: "years",
    minViewMode: "years"
});

$('input[name="abcd"]').parents('.datepickeryearonly').first().datepicker('update','2001');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.css">

<div class="datepickeryearonly">
    <input class="form-control" name="abcd" type="text"/>
</div>