HomeОбразованиеRelated VideosMore From: Satish B

Form Input Type - date time: HTML5

480 ratings | 154190 views
http://technotip.com/3651/date-time-input-type-html5/ Today lets learn some very important input types of HTML5: datetime datetime-local date time week month HTML5 and CSS3 Video Tutorial List: http://technotip.com/3451/html5-css3-video-tutorial-list/
Html code for embedding videos on your blog
Text Comments (64)
Faris Nazmi (2 months ago)
css code please
Somnath Roy (4 months ago)
how can rettrive it from my jsp pages
Daniel Flego (6 months ago)
How do I save the value selected from the calendar to a variable so I can use that value to display (for an sql query).
Atas Hasibuan (7 months ago)
Atas Hasibuan I wrote on html file and i put this script sir, and it's not working. Only the DATE. text field, and SUBMIT BUTTON is shown, but date calendar selector and time selector not shown. How can i shown the date calendar selector and time selector in web page? thanks
Ruel SISCO (7 months ago)
how can you disable html date before and after date?
AR MY (8 months ago)
thank you.
Alamgir TechBD (8 months ago)
good
Antony Varghese (8 months ago)
how to get time when we select start date and end date on php??
Agnes Palit (8 months ago)
how to make the date yyyy/MM/dd? aos that it can input into mysql database that have defult format yyyy/MM/dd?
Biky Chowhan (8 months ago)
Brother plz send me the whole code for these program.
Barna Paul (8 months ago)
Hallo i want to help for my webpage..can u give ur mail id or ph no
Lucas Consani (8 months ago)
Thanks bro, you save me
ซๅตาu Never Die (9 months ago)
ขอบใจมากใอ่บ่าว
how should we compare two dates which we have taken inputs from user, performing operations on dates <input>
ajay indulkar (9 months ago)
how to validate the DOB field through java script..?
Kaz Tee (9 months ago)
<meta charset="utf-8"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="datePicker.css">
Suman Halder (9 months ago)
Dont show off plzz gyz
Xeenouxiong Chiachaxiong (11 months ago)
thank you
Mayank Pandey (11 months ago)
this input type HTML v3.5 it is not supported in explorer
Steven Robledo (1 year ago)
i love it !!!! but the placeholder does not work
Janeya Janeya (1 year ago)
How to format time like if I want 24 hour format instead of AM or PM etc.
Sakib Jukic (1 year ago)
And I was looking the whole time for a datepicker in jQuery. Dude You saved my day . Simple ana easy !!!! BIG LIKE !!!
Emre Catamak (1 year ago)
hi statish, "May 24, 2016 08:04" How do I look in this format? thank you.
Coke Studio (1 year ago)
what if user select tommorrow date or any future date ?
muhammadzubair anjum (1 year ago)
type="date" does not show the dd/mm/yyyy ?? why its shows mm/dd/yyyy
hashi abeya (1 year ago)
where is ccs code ass man
Sumit Singh (1 year ago)
CSS is secondary and optional. This tutorial is to get you an idea of how HTML5's input type "date" tag works.
Altyn Bek (1 year ago)
thanks
Yacub Primas Santiko (1 year ago)
How i can disable previous date? Please answer my questions.
like in redbus.in they have where we cannot select previous dates from todays date which sets automatically how to do that>? Please if you can help
prashant kumar (7 months ago)
use jquery
how to block it from todays date.. to make it dynamic?
shekiba mohammadi (1 year ago)
you didnt show css code
Satish B (1 year ago)
because there is no much serious css going on ..
Sai Sowmya (2 years ago)
Can u make a code that works in Internet Explorer 11 for windows 7
YOGESH KUMBHAT (1 year ago)
https://youtu.be/5iXcMkXqnzA
Mawar Nabilah (2 years ago)
can u help me how to count numbers of day between two html date form (input type=date) such as i want to count number of days after user select their start and end date at the calendar ..
Manuel Lucero (2 years ago)
Hello brother, I need your help, I need to block a time for a specific day. Thank you very much, I hope your answer. : D
jeff mos (2 years ago)
Thank you very much my friend You just save me!!!!!!!!
Phillip De la Peña (2 years ago)
thank you!
Nicky N (2 years ago)
Thank you very much +satish B
sumitra karmakar (1 year ago)
Nicky N
Star mero mero heart (2 years ago)
Note : this only works in Chrome
YOGESH KUMBHAT (1 year ago)
https://youtu.be/5iXcMkXqnzA
Sumit Singh (1 year ago)
Now in Fireforx and Edge as well, yay. But not in IE11.
周生生 (2 years ago)
i have a form to insert date then how can i get the date value ?
McKinney Texas Zeds (2 years ago)
Before you get to deep into your date inserts, be sure you strtotime() your variable so it's much easier to calculate. to get the value all you do is date('M-d-Y', $yourdatavariable);
shashank singh (2 years ago)
You did not mention this only works in Chrome.  IE / Firefox still don't support it.
YOGESH KUMBHAT (1 year ago)
you can refer this for all the browsers https://youtu.be/5iXcMkXqnzA
Sumit Singh (1 year ago)
Firefox and Edge now support it. But yeah IE11 still doesn't.
Zahra Elaidoud (2 years ago)
Thank you for this vidéo
Tran Nga (2 years ago)
Thank you for video. it is very good. Can I ask a question. I do not know about file mystyle.css. Thanks
test test (2 years ago)
not working at all
Monira (2 years ago)
Good!!
yaashini selvarajah (2 years ago)
Thank you so much! How do we store the selection of time and date in database as in the form of booking schedule? your help will be much appreciated.
terki toufik (2 years ago)
thank you for this video ! is is very usefull. I have one question : what is the editor you are using please ? thank you
Only Me (3 years ago)
i m trying the same code and running in the mozila bt i m not getting it..!!!!!!!!! plz tell whts the problem
YOGESH KUMBHAT (1 year ago)
https://youtu.be/5iXcMkXqnzA
Brian Muel Casanos (3 years ago)
how to put in the time example: 10:00AM - 12:00NN how to became this?
Phantom Dragoon (4 years ago)
So how do you store these to your database?
Sumit Singh (1 year ago)
Use JavaScript for that. 1) Set an id for that input date tag(for example: <input type="date" id ="inputDate">. 2) Get the value from input tag associated with that id, var getDate = document.getElementById("inpurDate").value; (this varialble stores the date input by client) 4) And then use your further skill to do whatever you want with the getDate variable.
gamer (5 years ago)
:)*
gamer (5 years ago)
You like, you Video :€
gamer (5 years ago)
Nice :)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.