How to use the date picker in HTML

  Рет қаралды 14,752

CWM - Coding With Mike

CWM - Coding With Mike

Күн бұрын

So You Want to Use a Date Picker huh? This video explores the different HTML5 Date and Time widgets as well as how to address when some browsers do not support them with Modernizr and jQuery UI Datepicker. Subscribe: / @cwm-codingwithmike

Пікірлер: 7
@JesusGonzalez-oi7cb
@JesusGonzalez-oi7cb 10 ай бұрын
Thank you for the video. It was informative. I've searched and searched but can't seem to find anything on how to limit a date selector of 7 days. I'm adding an appointment form where one should only have the option of selecting from the current day up to 7 days out. Can anyone provide any info on how to do that task? Or is it too complex for HTML5 to handle that I need to use a jquery/js/library/ to do it?
@calebmcclure3893
@calebmcclure3893 Жыл бұрын
why don't you show the full pollyfill code at 7:59
@beethekay
@beethekay Жыл бұрын
Can you somehow change the default date Format of the datepicker to yyyy-mm-dd? Without having to use jquery?
@cwm-codingwithmike
@cwm-codingwithmike Жыл бұрын
Sorry for the late reply. I looked up the documentation on this at developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date. The displayed format is dependent on the locale of the user.
@juanpabloj.gomezgutierrez5303
@juanpabloj.gomezgutierrez5303 10 ай бұрын
ufff la verdad gracias por mostrar tantos tipos de inputs
@Toro-Tor
@Toro-Tor 2 жыл бұрын
Just want to let the creator know: I stopped the video after 35 seconds, because imho this a totally wrong approach: You got something that doesnt work in all browser - now instead of simplifying what you have (ex. that over complicated bootsrap 4 or 5 consisting of 25 000 lines of css [of which you are using only 50], plus 10 sheets js mainly for stupid animations that no one needs, plus ... plus ...) , YOU WANT TO ADD MORE CRAP ! Modinezer yes, you should use that at the beginning of your css, BUT that download-version you can shorten and simplify to a few lines, mainly to reset browser magins and paddings etc. - ONE STYLSHEET, less than 600 lines is eough to realize any project, including slider-styling, form-styling etc. Simply put: LESS IS BETTER !!! The more crap you add to your project, the more problems you (the developer) is going to have AND the user (visitor of website) benefits from none of this. goobye
@cwm-codingwithmike
@cwm-codingwithmike 2 жыл бұрын
I appreciate your comment. The intent of the video is to help those who are just starting out and struggling with how to get a date time picker added, when not all browsers support it. But you stopped at 35 seconds so....again thanks for the comments.
The tabindex Attribute in HTML
4:08
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 13 М.
10 CSS Pro Tips - Code this, NOT that!
9:39
Fireship
Рет қаралды 2,2 МЛН
Their Boat Engine Fell Off
0:13
Newsflare
Рет қаралды 15 МЛН
Jaidarman TOP / Жоғары лига-2023 / Жекпе-жек 1-ТУР / 1-топ
1:30:54
Air Sigma Girl #sigma
0:32
Jin and Hattie
Рет қаралды 45 МЛН
Input date and time in HTML and Javascript || (flatpickr.js)
5:54
There is a way to overlap grid-template-areas!
8:51
Kevin Powell
Рет қаралды 28 М.
Subtle, yet Beautiful Scroll Animations
5:04
Beyond Fireship
Рет қаралды 1,8 МЛН
How to create a responsive HTML table
27:19
Kevin Powell
Рет қаралды 229 М.
Animated Responsive Navbar with CSS - Plus Other Useful Tricks
11:40
Why I use grid over flexbox for this common layout
7:32
Kevin Powell
Рет қаралды 239 М.
Custom Input Date | Styling Input Date | Pure CSS Tutorial
5:09
Coding Artist
Рет қаралды 79 М.
Installing Git and Creating GitHub Account
18:32
CWM - Coding With Mike
Рет қаралды 1,6 М.
Their Boat Engine Fell Off
0:13
Newsflare
Рет қаралды 15 МЛН