jquery实现日历效果
来源:互联网 发布:双十一淘宝图书打折吗 编辑:程序博客网 时间:2024/05/22 02:46
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery日历效果</title><!--引入jQuery类库文件--><script language="javascript" type="text/javascript" src="./js/jquery-1.7.1.min.js"></script><script language="javascript" type="text/javascript" src="./js/jquery-ui-1.8.18.custom.min.js"></script><script language="javascript" type="text/javascript" src="./js/jquery.ui.datepicker-zh-CN.js"></script><!--引入Css样式类库文件--><link rel="stylesheet" href="./css/ui-lightness/jquery-ui-1.8.18.custom.css"/><style> #startTime,#endTime{ /* background-color:red;*/ }</style><script type="text/javascript"> $(function(){ //设置日历显示的采用的地区 是中国 $.datepicker.setDefaults( $.datepicker.regional[ "zh-CN" ] ); $("#startTime,#endTime").datepicker({ //altField:"#actualDate", //altFormat:"DD, d MM, yy",autoSize:false ,//自动调整大小的操作 改变的输入框的大小changeMonth:false,//如果为true 弹出一个下拉的菜单changeYear:false, //前边有默认10年 当前年份的 后边有默认10年组成的下拉菜单dateFormat:"yy-mm-dd", //日期的格式 呈现在输入的文本框中defaultDate:+1, //缺省的日期 + - 相对于当前的日期 计算 showWeek: true, //显示当前年的周数firstDay:1, //当前年份开始的第一天showOn:"button", //borth 既可以触发按钮 又可以触发文本框 弹出 日历 如果是button 只能触发button事件buttonImage: "images/calendar.gif", //设置按钮的图片buttonImageOnly: true, //设置这按钮只显示图片效果 不要有button的样式showAnim:"toggle", //弹出日历的效果prevText:"上一月",nextText:"下一月",yearRange:"c-5:c+5", //年份的前后取值范围//minDate:1,//maxDate:25,/* 结束日期的最小值 必须大于等于 开始日期的最大值 *///showOtherMonths: true, //显示当前月份日期的其他日期值//selectOtherMonths: true, //显示当前月份日期的其他日期值 并且是可以选择的 默认是不可以选择的 numberOfMonths:3, //连续弹出3个月的日历showButtonPanel:true,closeText:"guan",//gotoCurrent:trueonSelect:function(textDate,inst){ alert(textDate);} }); //作业:实现 选择开始日期 结束日期的操作 });</script></head><body> <div>演示日历的效果</div> <!-- <div id="datepicker"></div>--> 活动开始日期:<input type="text" id="startTime" /> 活动的结束日期:<input type="text" id="endTime" /></body></html>
最终效果:
- jquery实现日历效果
- 用jquery实现演示日历的效果
- 使用jquery插件实现日历效果
- 用jquery插件实现漂亮的日历效果
- js实现日历效果
- js实现日历效果
- javascript实现日历效果
- WZYCalendar实现日历效果
- jquery插件之日历效果
- H5实现win10日历效果
- JavaScript实现简易日历效果
- jquery插件日历效果的演示
- jquery实现日历选择功能
- JS脚本实现日历的控件效果
- java 实现 日历 效果
- jquary简单日历签到效果实现
- 日历效果
- jquery日历的开发和实现代码
- iPhone/Mac Objective-C内存管理教程和原理剖析
- 3D数学 ---- 矩阵的更多知识(5)
- 对象的克隆(clone)
- 四则混合运算器 计算器 (Android版)
- perl 学习资料
- jquery实现日历效果
- Strut2插件
- C变量的作用域问题
- 等待队列——休眠与唤醒
- MangoTrainingCourse课程hands-on lab-1
- 文字绘制
- 清除记住局域网其他机子的用户名和密码
- 新浪微博开发之主程序界面的实现
- FormatMessage的用法