JQuery简单日历控件

直接贴代码：

 

	<script type="text/javascript" src="/tiantian/js/jquery.js"></script>
	<script type="text/javascript" src="/tiantian/js/jquery-ui.js"></script>
	<script type="text/javascript">
		$(function() {
			CKEDITOR.replace("content");
			$.datepicker.setDefaults({
			    showOn: 'button',//有两个选择，button是只有点击button的时候才显示，both是点击button和获得焦点后都显示
			    buttonImageOnly: true,
			    buttonImage: 'images/calendar/calendar.gif',
			    buttonText: 'Calendar',
			    changeMonth: true,
			    changeYear: true,
			    showButtonPanel: true ,
			    constrainInput: true,//约束输入
			    closeText: 'close',
			    currentText: 'Now',
			    dateFormat: 'yy-mm-dd',
			    monthNamesShort:['一月','二月','三月','四月','五月','六月','七月','八月','九月','十

月','十一月','十二月'],
			    dayNames:['星期天','星期一','星期二','星期三','星期四','星期五','星期六'],
			    dayNamesMin:['天','一','二','三','四','五','六'],
			    duration: 'slow', //显示速度
			    hideIfNoPrevNext: true,
			    minDate: '+1d',//最小日期是一天以后
			    navigationAsDateFormat: true,
			    prevText: '上月',
			    nextText: '下月',
			    yearRange: '+0:+25'
			});
			
			$("input[name='startTime']").datepicker();
			$("input[name='endTime']").datepicker();
		});
	</script>







//如要设置该控件的样式，可以到jqueryui的目录下拷贝相关的css文件，再自己做修改就可以了！

 

评论

1 楼 老佛爷 2011-10-31