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;}