使用 Flatpickr 在结果中将当前日期设置为 "today"

Question

我正在使用 Flatpickr 作为我的日期选择器。但是，当我 select 今天的日期时，我希望结果显示为 "Today".

jQuery(".datepicker").flatpickr({
    wrap: true,
    altInput: true,
    altFormat: "F j, Y",
    dateFormat: "Y-m-d",
    defaultDate: "today",
    instance.set('defaultDate', 'today');
});

这是我目前尝试过的方法。 instance.set 部分不适合我。也许我做错了什么。

下面是当前工作代码的片段。我只需要当前显示的日期 "Today" 而不是日期本身。

jQuery(function() {
 initDatePicker();
});


function initDatePicker() {
 jQuery(".datepicker").flatpickr({
  wrap: true,
  altInput: true,
  altFormat: "F j, Y",
  dateFormat: "Y-m-d",
  defaultDate: "today"
 });
}

<link href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<script>
  
</script>

<div class="input-group datepicker">
  <input type="text" class="form-control" data-input aria-describedby="date1">
  <div class="input-group-append">
    <button class="btn btn-secondary" type="button" id="date1" title="toggle" data-toggle><i class="icon-angle-down-4 mr-0"></i></button>
  </div>
</div>

Answer 1

@Lucian，我找到了处理 onValueUpdate 和 onReady 的解决方案（用于初步检查，因为 defaultDate 可能是今天，就像你的情况一样）事件和更新值私人领域 _input.value。

尽管如此，我没有找到任何方法在不破坏封装的情况下在字段中设置 "Today" 词 - 因为这个词无法解析为 Date 对象并抛出错误。

我给你的密码是 here。希望这对您有所帮助！

使用 Flatpickr 在结果中将当前日期设置为 "today"

Set current date as "today" in the result using Flatpickr

html

javascript

jquery

flatpickr