ansaurus

Question

Jquery: basic function of datetimepicker .......Problem

Answer 1

+1 A:

You should checkout jQUeryUI's Datepicker widget: http://jqueryui.com/demos/datepicker/

The widget has got the functionality you are looking for.. and you do not have to create your own calendar.

ilovewebdev 2010-03-10 11:07:08

Answer 2

+1 A:

Seems like you are re-inventing the datepicker widget from jQuery UI. Is that correct? Why not just use what works?

full code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Simple DatePicker example</title>
    <link rel="stylesheet" type="text/css"
           href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/smoothness/jquery-ui.css"&gt;&lt;/link&gt;

    <script type="text/javascript" 
            src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'&gt;&lt;/script&gt;

    <script type="text/javascript"
            src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'&gt;&lt;/script&gt;

    <script type="text/javascript" language='javascript'>

    $(document).ready( function (){
        $('.pick-date').datepicker({clickInput:true});
    });
    </script>
  </head>
  <body>
    <h1>jQuery UI datepicker example</h1>
    <div class="inputDiv">
      <p>Click in the box to select a date:</p>
      <input id='b1' class='pick-date' value=''/>
    </div>
  </body>
</html>

demo: http://jsbin.com/ewime

Cheeso 2010-03-10 11:12:21

ansaurus

tags:

views:

answers:

Jquery: basic function of datetimepicker .......Problem

related questions