Date Picker

Posted on 2013-10-16
Medium Priority
Last Modified: 2013-10-18
Hello Experts,

Can anyone tell me a good and easy to install date picker for html?

Alternately, I have 3 drop downs:

first - 01 to 12

second - 01 to 31.

third - 2000 to 2050

If there any Java Script function to check if a string is a valid date like 02/31/2014 would be false?

HTML 5's date control does not work in all of the latest full release browsers, like IE10.

Thank you
Question by:APD Toronto
  • 3
  • 2
LVL 53

Accepted Solution

COBOLdinosaur earned 1000 total points
ID: 39577486
I generally don't care much for posting links, but as you have not given much information about requirements or a page link, I'm not going to guess what you might actually need.

So here is a selection from a simple Google search:


If none of those fill your needs then there are probably 25,000+ more that will show up in a Google search.

If you need something specific then you need to provide more information.

LVL 54

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 1000 total points
ID: 39581063
I am very surprised Cd&!  Your first choice is always html5.  You can simply use <input type="date">.  It is just not fully supported yet.

I have been using the jquery ui date picker http://jqueryui.com/datepicker/ although now I tend to use bootsstrap a lot as a base and like using this plug in http://www.eyecon.ro/bootstrap-datepicker/

Author Comment

by:APD Toronto
ID: 39581245
I decided to try http://jqueryui.com/datepicker/ and downloaded all .css and .js files, but cannot reach style.css, but maybe not applicable.

Everyhting works, except I am missing the left and right arrows to change the months. What do I do?

Here is my resulting code:

  <link rel="stylesheet" href="includes/calendar/jquery-ui.css" />
  <script src="includes/calendar/jquery-1.9.1.js"></script>
  <script src="includes/calendar/jquery-ui.js"></script>
  <!--link rel="stylesheet" href="/resources/demos/style.css" /-->


  $(function() {

    $('#txtDate').datepicker({ changeYear: true });



Open in new window

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.


Author Comment

by:APD Toronto
ID: 39582958
I've figured out the image name (and found it) of the arrows when the mouse is over them, by right clicking on the arrow > show image, then the browser shows missing file: C:\...

Now, the problem is how can find out the image required when the mouse is NOT hovered over the arrow?
LVL 54

Expert Comment

by:Scott Fell, EE MVE
ID: 39583417
If you uploaded all the files to the server as is you shouldn't need to monkey with any of the code.

Maybe post a link to your page for us to look at.

Author Comment

by:APD Toronto
ID: 39583429
monkey around?  so youre EXPERT Coding advice is don't code

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

607 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question