JQuery简单日历控件

简介: 直接贴代码:   $(function() { CKEDITOR.replace("content"); $.datepicker.setDefaults({ showOn: 'button',//有两个选择,button是只有点击...

直接贴代码:

 

	<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文件,再自己做修改就可以了!

 

目录
相关文章
|
17天前
|
JavaScript 前端开发 UED
jQuery日历控件与假日显示
【9月更文挑战第1天】
|
2月前
|
移动开发 开发框架 JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
|
2月前
|
移动开发 JSON JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
|
4月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
11月前
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
51 0
|
JavaScript
|
JavaScript
jQuery UI 自定义样式的日历控件
在线演示 本地下载
1276 0
|
JavaScript 前端开发
jquery datetimepicker日期时间控件
(function($) { $(function() { $.datepicker.
1515 0
|
JavaScript 前端开发
Jquery 动态追加控件并获取值
  先展示通过动态添加控件的结果:     实现步骤: 1.引用js文件 2.引用BootStrap(纯属为了控件好看) 3.画一个Table控件用于存放按钮 控件    ...
1241 0