37-日历控件

//日历初始化
      $('#date').datepicker({
		//--------------------------------国际化开始---------------------
		dateFormat:'yy-mm-dd',
		dayNamesMin : ['日','一','二','三','四','五','六'],
		monthNames : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
		monthNamesShort : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],
		altField : '#abc', //给其他的一个input显示日期
		altFormat : 'dd/mm/yy',//给其他的一个input显示日期的格式	
		appendText:'日历',   //给input添加一个span,日历
		//showWeek:true,//显示是多少周
		//weekHeader : '周',//设置周显示，默认为wk
		firstDay : 1,//默认从星期一开始
		//--------------------------------国际化结束---------------------
		//--------------------------------外观选项开始---------------------
			//disabled : true,//禁用日历
			//numberOfMonths : 3,//显示的日历的个数
			//numberOfMonths : [3,2],//以数组的形式显示，3行2列个日历
			showOtherMonths:true,//显示不是该月的其他日期
		    selectOtherMonths : true,//可以选择其他该月的其他日期
			changeMonth : true,  //可以修改月
		   changeYear : true,//可以修改年
            
			
			//showOn : 'button', //点击button展示按钮
		    //buttonText : '日历',
		    //buttonImage : 'img/calendar.gif',
		    //buttonImageOnly : true,

			
		  showButtonPanel : true, //显示今天和关闭
		  closeText : '关闭',
		  currentText : '今天',
		  nextText : '下个月',
		  prevText : '上个月',
		 //yearSuffix : '年',
		 showMonthAfterYear : true, //将年份显示在月份前面
		//--------------------------------外观选项结束---------------------
		
		//--------------------------------日期选择选项开始---------------------
		//maxDate:0,//表示当前日期为最大可选择日期，之后不能选。1w未来7天1m,未来一个月
		//minDate:0,//表示当前日期为最小可选择日期，之前不能选。-1 -2 -5....
		yearRange : '1950:2020',//年份的区间
		showAnim : false,//禁止动画可以使用效果slide效果
		//--------------------------------日期选择选项结束---------------------
		//--------------------------------方法开始---------------------
		beforeShow :function(){
		    alert('日历显示的时候触发！');
		},
		//禁用每个月的1号
		//beforeShowDay : function (date) {  
		//	if (date.getDate() == 1) {
		//		return [false, 'a', '不能选择1号'];//false，是否可以选择，a样式，提示信息
		//	} else {
		//		return [true];
		//	}
		//}
		
		//onChangeMonthYear : function (year, month, inst) {
			//alert('日历中年份或月份改变时激活！');
			//alert(year);
			//alert(month);
			//alert(inst.id);//打印jquery对象的id属性
		//}
		
		
		//当选择的时候被调用
		//onSelect : function (dateText, inst) {
		//	alert(dateText);
		//}
		//当关闭的时候调用
		//onClose : function (dateText, inst) {
		//	alert(dateText);
		//}
		
		//--------------------------------方法结束---------------------
	  });
	  //alert($('#date').datepicker('getDate').getFullYear());
	  //$('#date').datepicker('setDate', '2013-2-1');

2.国际化方法2，将以下代码粘贴到jquery.ui.js最下面

/* Chinese initialisation for the jQuery UI date picker plugin. */
/* Written by Cloudream (cloudream@gmail.com). 
jQuery(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']);
});
*/