在仅年份模式下更新引导日期选择器值答案

【问题标题】：Update bootstrap datepicker value in year only mode在仅年份模式下更新引导日期选择器值
【发布时间】：2020-02-21 14:58:16
【问题描述】：

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

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

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

【问题讨论】：

看看这个stackoverflow.com/questions/11507508/…

标签： javascript jquery datepicker bootstrap-datepicker

【解决方案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>

【讨论】：

【解决方案2】：

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

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

我做了一个小提琴，将日期设置为您在第二个框中填写的任何年份，请检查一下！

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

【讨论】：