just use a div instead of an input to make the datepicker inline.

On Sep 3, 11:58 am, "fichtre.diantre" <[email protected]>
wrote:
> Thank's for your advice, I will consider the second proposal,
> but, I should admit I don't see how to make the datepicker
> static ... sic ... is-it an option?
>
> Meanwhile I started making the month and year labels
> clickable (without modifying the plugin itself, indeed)
> and it works, but, that's true, I modify the standard
> behaviour and I can't use combo with this solution.
>
> Here is an example of my (first) solution :
>
>     <script>
>     var curDate = new Date();
>     var curYear = curDate.getFullYear();
>     var curMonth = (curDate.getMonth()+1)+"/"+curYear;
>
>     function selectMonth(p1,p2,p3)
>         {
>         $("#valLi").val(curMonth);
>         $("#valLi").datepicker("hide");
>         }
>
>     function selectYear(p1,p2)
>         {
>         $("#valLi").val(curYear);
>         $("#valLi").datepicker("hide");
>         }
>
>     $(function(){
>         $("#ui-datepicker-div .ui-datepicker-month")
>             .live('click',selectMonth);
>         $("#ui-datepicker-div .ui-datepicker-year")
>             .live('click',selectYear);
>
>         $("#valLi")
>             .datepicker({
>                 changeYear: false,
>                 changeMonth: false,
>                 showStatus:true,
>                 showOtherMonths:true,
>                 onChangeMonthYear: function(year, month, inst) {
>                     curYear = year;
>                     curMonth = month+"/"+year;
>                     }
>                 });
>         });
>     </script>
>     <style>
>     .ui-datepicker-month,.ui-datepicker-year {text-decoration:
> underline;cursor: pointer;}
>     </style>
>
>     ...
>
>         <form onSubmit="return false;">
>             <div class="ui-fldcell">
>                 <label for="valLi"><?= str('Nouvelle valeur') ?> : </label>
>                 <div class="ui-valcell">
>                     <input style="font-size:9px; width: 215px;"
> id="valLi" name="valLi">
>                 </div>
>             </div>
>         </form>
>
>     ...
--~--~---------~--~----~------------~-------~--~----~
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