日期选择器 pickadate 预填充多个选择器

Question

我有多个日期选择器来选择一个范围并将其与表单一起发送。为此，请使用以下库 Date picker。现在我想用给定的值预填充日期选择器。

我的html:

<input type="text" class="datepicker" id="select-date-from" name="date-from" autocomplete="off">
<input type="text" class="datepicker" id="select-date-until" name="date-until" autocomplete="off">

JS:

$('.meetings-datepicker').pickadate({options});

我已经找到了：

var $input = $('.datepicker').pickadate()

// Use the picker object directly.
var picker = $input.pickadate('picker')

如果我用一个 id 替换 class 它会起作用，但是我必须单独初始化每个 datepicker。那么，如果通过 class?

初始化多个选择器，您如何填写它们呢？

我已经试过这样的东西了：

var picker = $input[0].pickadate('picker');
picker.set('select', new Date('{{ request('date-from') }}'));

但它抛出一个错误：

TypeError: $input[0].pickadate is not a function

我也试过了

$('#select-date-from').pickadate('set', 'select', (new Date('{{ request('date-from') }}')));

Answer 1

这些必须由每个字段单独初始化

$('#select-date-from').pickadate({options});

$('#select-date-until').pickadate({options});

日期选择器 pickadate 预填充多个选择器

Datepicker pickadate prefill multiple picker

javascript

datepicker

pickadate