jquery datepicker

datepicker紹介:参考:http://jqueryui.com/demos/datepicker/

css:

.ui-datepicker { width: 300px; padding: .2em .2em 0;}

.ui-widget-header{background: none;border:none;}

.ui-datepicker-title{ border-bottom:1px solid #CCCCCC;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{border:none;background: none; text-align: center;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color:#FFFFFF;}

.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-activ{color:#FF0000;}

 
jquery:

var getCurrDate="";



$( "#datepicker" ).datepicker({

     regional:"zh-CN",                        //    

     duration:"",                             //   

     showAnim:"",                             //   

     firstDay: 1,                             //      

     minDate: +1,                             //        +1          

     maxDate:+14,                             //        +14           

     showOn: "both",                          //  input img   

     buttonImage:"/calendar_icon.jpg",        //         

     buttonImageOnly: true,                   //           
     buttonText:'    '                     //  img    

     beforeShowDay:function(date){            //        

         var weeks = date.getDay();

         if(weeks == 1){  

                return [false];  

         }  

         return [true];

    },

    onSelect:function(dateText, inst){        //     

        getCurrDate=dateText;          

     },

     onClose:function(dateText, inst){        //     

                        

     }

});