Home > JS > Useful Scripts > Flatpickr Datatime Picker

Flatpickr Datatime Picker

<!DOCTYPE html>

<html lang="ru">

<head>

    <meta charset="UTF-8">

    <title>Flatpickr Пример</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">

</head>

<body>

    <label for="date">Выберите дату (ДД/ММ/ГГГГ):</label>

    <input type="text" id="date" name="date" placeholder="ДД/ММ/ГГГГ">




    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>

    <script>

        flatpickr("#date", {

            dateFormat: "d/m/Y", // Установка формата даты

        });

    </script>

</body>

</html>