3

Flatpickr日付ピッカーに使用しています。ただし、今日の日付を選択すると、結果が「今日」として表示されるようにします。

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

これは私がこれまでに試したことです。その部分instance.setは私のために働いていません。多分私は何か間違ったことをしました。

以下は、現在の作業コードのスニペットです。必要なのは、日付自体ではなく、現在表示されている日付が「今日」であることだけです。

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>

4

1 に答える 1

4

@Lucian、私は処理onValueUpdateとonReady（最初のチェックのためdefaultDateに、あなたの場合のように今日かもしれないので）イベントとプライベートフィールドの値の更新で解決策を見つけまし_input.valueた。

ただし、カプセル化を壊さずにフィールドに「今日」という単語を設定する方法が見つかりませんでした。この単語はDateオブジェクトに解析できず、エラーがスローされるためです。

あなたのための私のコードはここにあります。お役に立てれば！

于 2018-10-04T19:26:59.313 に答える