在仅年份模式下更新 bootstrap 日期选择器值

Question

我想在编辑器中设置日期选择器的年份

我使用以下代码创建了只有年份模式的日期选择器。

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

现在我想更新它的值。

我试过了

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

和

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

这是行不通的。

HTML :

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

Answer 1

您可以使用更新来更新日期。请尝试

$(".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>

Answer 2

您需要传递一个日期对象来设置日期。

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

我做了一个fiddle日期设置为你在第二个方框里填写的任何年份，请检查一下！

https://jsfiddle.net/74mnxhkv/3/

在仅年份模式下更新 bootstrap 日期选择器值

Update bootstrap datepicker value in year only mode

javascript

jquery

datepicker

bootstrap-datepicker