Jquery UI datepicker 实用

图片有点失真，当前日期之前的是不可用的...

Jquery 类库 1.6.2   “jquery-1.6.2.min.js”

UI 库1.8.16   "jquery-ui-1.8.16.custom.min.js"

主要部分 JQuery代码

$(function() {$( ".date" ).datepicker({showMonthAfterYear: true,changeYear: true,changeMonth: true,yearRange:'2011:2050',showOn: "button",dateFormat: 'yy-mm-dd', buttonImage: "../image/calendar.gif",buttonImageOnly: true});$('.date').datepicker('option', 'minDate','Now');});

中文库代码：

$(function(){$.datepicker.regional['zh-CN'] = {closeText: '关闭',prevText: '<上月',nextText: '下月>',currentText: '今天',monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],monthNamesShort: ['一','二','三','四','五','六','七','八','九','十','十一','十二'],dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],dayNamesMin: ['日','一','二','三','四','五','六'],weekHeader: '周',dateFormat: 'yy-mm-dd',firstDay: 1,isRTL: false,showMonthAfterYear: true,yearSuffix: '年'};$.datepicker.setDefaults($.datepicker.regional['zh-CN']);});

修改UI的 CSS一部分值 来兼容 浏览器

/*.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;}*//*  IE 会出一点小问题，改写此样式 *  修改时间：2011年11月15日 *wicho R.chiu */.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {font-size:0.8em;width:48px;}