Flatpickr Clear Button - PullRequest
Новая
       9

Flatpickr Clear Button

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

Я загружаю flatpickr, используя это: 

<script type="text/javascript">
jQuery(document).ready(function($){
    $('#Mydatetime').flatpickr({
        altInput: true,
        altFormat: "M j, Y @ H:i",
        enableTime: true,
        dateFormat: 'Y-m-d\\TH:i'
    });
});


<input type="text" id="Mydatetime" class="MyDate" name="my_expire_date" value="' . $variable . '"/>

Переменная - только моя дата / время.Это работает, но я бы хотел добавить кнопку очистки, похожую на this .Независимо от того, что я делаю, кнопка не очищает дату.

Пример: 

<a class="input-button" title="clear" data-clear>
    <i class="icon-close"></i>
</a>

Кажется прямым, но я явно что-то упускаю.У кого-нибудь из этих кнопок закрытия работает нормально?

1 Ответ

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

Просто добавьте эту кнопку в ваш HTML: 

<button class="clear_button" title="clear" data-clear>
Clear
</button>

И добавьте этот код внутрь функции "готов к документу" 

  $(".clear_button").click(function() {
    $('#Mydatetime').flatpickr().clear();
  })

Вот рабочий пример: https://codepen.io/anon/pen/pxKOGP

...