Level 51
You can use date_format to validate any date/datetime format you want
For example:
'date' => 'date_format:Y:m:d-H:i'
Dec 17, 2022
5
Level 5
Looking for 24-Hour Input Time Solutions
I have an app that i am working on that has a bunch of date-time date fields for which I need to come up with a good user experience for inputting the data via a form. Right now, I am leaning towards a separate date and time field in the form.
For the date input field, I am using bootstrap-datepicker.js. It seems the sister plugin for bootstrap-datepicker.js which is bootstrap-timepicker.js has been depreciated or abandoned.
Is there anything in Laravel or LiveWire that can help me mask and validate an input field for a 24-hour (military time) input field?
Or should I just use a traditional plugin? If so, do you have any suggestions for one that works well?
Level 5
@MohamedTammam I know how to display it. I need a form field that restricts data entry to HH:mm
Level 51
For ux I think calendly (it’s a scheduling app) does a great job for date time selections. Here are some screenshots but it’s probably worth signing up for a free account just to see how they do it.
https://www.wired.com/story/calendly-google-calendar-appointment-schedule/amp
Level 80
@phayes0289 Why do you need a plug-in? Browsers have a native input[type="time"] element for exactly this purpose.
Level 24
@phayes0289 Alpine js plugin https://alpinejs.dev/plugins/mask
<input type="text" x-data="" x-mask="99-99" placeholder="mm-dd" autocomplete="off" />
Please or to participate in this conversation.