Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
// Simple date picker with Flatpickr + jQuery import flatpickr from "flatpickr"; $(".datepicker").each(function() { flatpickr(this, { dateFormat: "Y-m-d", minDate: "today", onChange: (dates, dateStr) => { $(this).closest("form").find("[name=formatted_date]").val( new Date(dateStr).toLocaleDateString("en-GB", { day:"numeric",month:"long",year:"numeric" }) ); } }); });
Result
Open