在僅年份模式下更新引導日期選擇器值

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

您需要傳遞一個日期 object 來設置日期。

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

我做了一個小提琴，將日期設置為您在第二個框中填寫的任何年份，請檢查一下！

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