Установите текущую дату как "сегодня" в результате, используя Flatpickr - PullRequest
Новая
       16

Установите текущую дату как "сегодня" в результате, используя Flatpickr

0 голосов
/ 04 октября 2018

Я использую 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>

1 Ответ

0 голосов
/ 04 октября 2018

@ Люциан, я нашел решение для обработки onValueUpdate и onReady (для начальной проверки, потому что defaultDate может быть сегодня, как в вашем случае) и обновления значения частного поля _input.value.

Хотя я не нашел способа установить слово "Сегодня" в поле, не нарушая инкапсуляцию - потому что это слово не может быть проанализировано для объекта Date и выдает ошибку.

Мой код дляВы здесь .Надеюсь, это поможет!

...