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

Posted 2023-05-07

【中文标题】在仅年份模式下更新引导日期选择器值

【英文标题】：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>

【问题讨论】：

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

【参考方案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/