What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Adding Custom Date/Time In FormAsked by scot_k on July 25, 2013 at 05:18 PM
I'm hoping this question hasn't been asked previously. If it has, I apologize. I've searched, and didn't find an answer.
I'd like to insert a date/time field into my form, that is not editable by the form user. I'd like it to be featured fairly prominently in the form, so that the user knows that the current date/time is important. I'd like the date/time to be the current date and time, and not not a pre-set date. Or better yet would be a countdown timer.
Can someone please lend me a hand, or point me toward the answer.
If you want to display a time in your form, you can do this by using the Free Text(HTML) field. You will first need to create an HTML page using the code found on the link below e.g. (time.html)
Once you have created the html page, upload it in your server and use the Free Text(HTML) under Power Tools and add the code below.
wherein SRC is the locationof where you have uploaded the html file.
If you need further assistance, please contact us again.
Okay, that'll work for the time, but I'm more interested in the date, plus the time if possible. I'll look over that pastiebin.com site.
Here's the code for time and date, you can adjust the width and height on your preference. Kindly paste that code between the body tag of your html page.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="280" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="movie" value="http://www.addcode.net/image/flash-clock-calendar/clock-calendar-010.swf" />
<param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="150" height="280" src="http://www.addcode.net/image/flash-clock-calendar/clock-calendar-010.swf" quality="high"pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
If you wanted the date to show in the email notification aswell kindly follow this reference.
Kindly let us know if you have further questions or inquiry.
Thank you for using JotForm.
Hello khrisell ,
I've tried to copy and paste the code you provided into both an HTML window, and as CSS code. Doesn't work either way. Or is this code that I'm supposed to copy and paste to my site? Some more detailed information as to where and how to paste the code would be very helpful. Thank you, and I appreciate your help as always!
What my colleague mean is to paste that code between the body tag e.g. <body> code here </body> of your html page. FYI, this code produces a flash based dynamic date/time.
And if you are going to use the first code provided by Jeffrey, here's a another version with month, day and year.
Here's the script: http://pastiebin.com/52096af731c74
JOJI ABRAHAM, your question has been moved to its own thread, here:
This is so that we can assist you better in your own thread, and so that we can avoid confusion. Thank you for understanding, we will be assisting you there shortly.