I'm not a guru, but this has worked for me for my reg_dob input field:

$().ready(function() {
       $(function(){
           $("#reg_dob").datepicker({yearRange:'-75:-6', dateFormat:
'dd/mm/yy',changeMonth: true,
changeYear: true});
         });
});

you might need to change your code to something similar.



2009/2/12 writeson <[email protected]>

>
> Hi all,
>
> I'm trying to use the jQuery UI datepicker widget and am having
> terrible trouble getting it to work. Right now it 'sorta' works in
> that clicking on the input box datapicker is attached to brings up an
> all text datepicker that overlays other elements on my HTML form. So
> it looks like the style sheets aren't being read, but when I use the
> Firefox Web Developer toolbar to look at the style sheets they are all
> there. Maybe the style sheets can't find the images? Here are is part
> of my HTML:
>
>  <head>
>    <link type="text/css" href="css/theme/ui.all.css"
> rel="stylesheet" />
>    <script type="text/javascript" src="js/jquery/jquery-1.3.1.js" />
>    <script type="text/javascript" src="js/jquery/ui/ui.core.js"></
> script>
>    <script type="text/javascript" src="js/jquery/ui/
> ui.datepicker.js"></script>
>    <script type="text/javascript" charset="utf-8">
>      $(document).ready(function() {
>        $("#startDate").datepicker();
>        $("#endDate").datepicker();
>      });
>    </script>
>  </head>
>  <body>
>  <h1>Tracking Report</h1>
>  <form name="form1" method="post" action="***">
>    <input type="hidden" id="process" name="process" value="" />
>    <div id="dataSelector" class="unhidden">
>      <fieldset>
>        <legend>Data Parameters</legend>
>        <ul>
>          <li>
>            <label for="startDate">Start Date:</label>
>            <input type="text" id="startDate" class="input" />
>          </li>
>          <li>
>            <label for="endDate">End Date:</label>
>            <input type="text" id="endDate" class="input" />
>          </li>
> etc...
>
> Here is the layout of my web root directory
>
> /js
> +--/jquery            contains the jquery-1.3.1js file
>   +--/ui/              contains the jquery ui files for version 1.5.3
> /css
> +--/theme            contains a theme from the jquery ui site (url
> image paths changed to below)
> /images              contains the images that go with the above theme
>
> Any help would be greatly appreciated!!
>
> Thanks in advance,
> Doug
>
>
>
> >
>

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to