jquery ui datepicker demo

    datepicher插件是jQuery UI的一个插件，它提供一个日期弹出窗口（或直接显示在页面），供用户选择日期。

 

    使用时，jquery预初始化：

$(“#date”).datepicher();

 

在日期输入框获得焦点时，就会弹出一个日期选择窗口。然而，这时候的日期选择窗口有很多不方便的地方，比如：只能一个月一个月的往前或往后，没有关闭按钮等。

 

    通过给datepicher设置一些属性值可以改变默认的显示，包括：

$(function(){
				// Datepicker
				$("#datepicker").datepicker({
				   showMonthAfterYear: true, // 月在年之后显示
				   changeMonth: true,   // 允许选择月份
				   changeYear: true,   // 允许选择年份
				   dateFormat:'yy-mm-dd',  // 设置日期格式				  
				   closeText:'关闭',   // 只有showButtonPanel: true才会显示出来
				   duration: 'fast',
				   showAnim:'fadeIn',
				   buttonImage: 'images/commons/calendar.gif',   // 按钮图标
				   buttonImageOnly: true,        // 不把图标显示在按钮上，即去掉按钮
				   buttonText:'选择日期',
				   showButtonPanel: true,
				   showOtherMonths: true,
				   onSelect: function(dateText, inst)
				   {
				   var arys = new Array();
				   var arys = dateText.split('-');
					$('#effDate').datepicker('option','maxDate',new Date(arys[0],arys[1]-1,arys[2]));
				   }
				});		
			});

 

demo 已上传到付件中.......

评论

1 楼 pvirusy 2011-03-08  

年月选择下拉框有点不好用，有时点开后立马收起来了