<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery实例 - 生成年月日</title> <meta http-equiv="content-type" content="text/html; charset=gbk"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script type="text/javascript"> $(function () { var $day = $("#day"), $month = $("#month"), $year = $("#year"); <!--出始化年--> var dDate = new Date(), dCurYear = dDate.getFullYear(), str = ""; for (var i = dCurYear - 100; i < dCurYear + 1; i++) { if (i == dCurYear) { str = "<option value=" + i + " selected=true>" + i + "</option>"; } else { str = "<option value=" + i + ">" + i + "</option>"; } $year.append(str); } <!--出始化月--> for (var i = 1; i <= 12; i++) { if (i == (dDate.getMonth() + 1)) { str = "<option value=" + i + " selected=true>" + i + "</option>"; } else { str = "<option value=" + i + ">" + i + "</option>"; } $month.append(str); } <!--调用函数出始化日--> TUpdateCal($year.val(), $month.val()); $("#year,#month").bind("change", function(){ TUpdateCal($year.val(),$month.val()); }); }); <!--根据年月获取当月最大天数--> function TGetDaysInMonth(iMonth, iYear) { var dPrevDate = new Date(iYear, iMonth, 0); return dPrevDate.getDate(); } function TUpdateCal(iYear, iMonth) { var dDate = new Date(), daysInMonth = TGetDaysInMonth(iMonth, iYear), str = ""; $("#day").empty(); for (var d = 1; d <= parseInt(daysInMonth); d++) { if (d == dDate.getDate()) { str = "<option value=" + d + " selected=true>" + d + "</option>"; } else { str = "<option value=" + d + ">" + d + "</option>"; } $("#day").append(str); } } </script> </head> <body> <form name="ymd"> <select id="year"></select>年 <select id="month"></select>月 <select id="day"></select>日 </form> </body> </html>
- 浏览: 92741 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
yeyu712:
感谢分享,脑塞了很久
document.getElementById("searchForm").submit is not a function -
liuweihug:
jquery瀑布流插件Wookmark完整使用demo - h ...
jQuery实现的瀑布流效果, 向下滚动即时加载内容
发表评论
-
外部javascript引用非.js文件
2013-10-30 21:18 629按照惯例,外部Javascript文件带有.js扩展名。 但 ... -
js中cookie的使用详细分析
2013-01-08 10:30 191JavaScript中的另一个机制 ... -
一个javascript获取顶级域名的算法
2013-01-08 10:28 271/** * Router - 路由管理 * By W ... -
关于document.compatMode的一些介绍
2012-12-03 22:59 1561对于document.compatMode ,很多朋友可能跟 ... -
用javascript getComputedStyle获取和设置style的原理
2012-10-30 10:35 5471DOM标准引入了覆盖样式表的概念,当我们用document.g ... -
网页 HTML table 导出成 excel
2012-10-25 10:34 611需要在 HTML 的声明里加上 excel 的命名空间 然后 ... -
JSON数据格式基本讲解(转)
2012-10-19 10:07 479在异步应用程序中发送和接收信息时,可以选择以纯文本和 XM ... -
Lazy Load(1.7.0)中文文档 -- 延迟加载图片的jQuery插件
2012-10-19 09:46 988原文的链接在:http://www.appelsiini.ne ... -
一个正则表达式,只含有汉字、数字、字母、下划线不能以下划线开头和结尾:
2012-09-26 13:45 29751、一个正则表达式,只含有汉字、数字、字母、下划线不能以下划线 ... -
js去掉字符串前后空格的五种方法
2012-09-25 13:58 1622第一种:循环检查替换 //供使用者调用 funct ... -
Js获取当前页面URL的一些属性
2012-09-07 15:40 209设置或获取对象指定的文件名或路径:window.locatio ... -
js数组 sort方法的分析
2012-09-03 23:45 212原帖地址:http://blog.csdn.net/pre ... -
忽略IE6/7的jquery返回到顶页
2012-08-11 15:13 238<a href="#" id ... -
Lazy Load, 延迟加载图片的 jQuery 插件
2012-08-08 13:32 784Lazy Load 是一个用 JavaScript 编 ... -
jQuery JSONP 跨域实践(php)
2012-08-06 10:04 3634jquery jsonp php实例 远程服务器上的php文 ... -
带参数的JS脚本文件
2012-08-01 17:05 981假如请求:main.js?path=root&tm=1 ... -
如果浏览器禁用javascript应该怎么办?
2012-08-01 15:20 207使用<noscript>提示: <nosc ... -
jQuery实现的瀑布流效果, 向下滚动即时加载内容
2012-08-01 12:38 20463下拉滚动条或鼠标滚 ... -
js压缩工具JSMin的用法
2012-07-30 13:43 323http://www.2cto.com/uploadfile/ ... -
谷歌 offsetWidth获取值失常和scrollTop为0
2012-07-05 11:29 156今天在做一个项目中碰到了一个很奇怪的问题就是通过offsetW ...
相关推荐
jquery年月日三级联动,支持自定义初始日期
jQuery年月日三级联动(生日)插件,非常实用,方便用户输入。
实现JQuery年月日三级下拉框联动,因为项目需要,这里代码进行了改良版,供大家参考。
JQuery+年月日三级下拉框联动..有闰年之风,大小月...初学者很欢迎的
自写的jquery日期年月日三级联动插件,效果很好用,博客里面告知引用办法:http://blog.csdn.net/kabulore 有任何疑问请联系QQ:1740437
一个直制的JQuery 年月日三级下拉框联动 使用方法非常简单 <title>JQuery 年月日三下拉框联动 <script src="jquery-1.4.2.min.js" type="text/javascript"> ...
jQuery年月日三级联动(生日)
jQuery年月日三级联动(生日) 方便用户的输入
插件描述:年月日三级联动纯JS封装类精简插件。 参考示例:http://www.jq22.com/jquery-info5982
通用年月日下拉联动插件,引入简单,通过该插件,可以给年,月,日下拉列表赋值,也可以自己设置初始值,年月日三级联动
要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择。 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化。 使用chinastates表查询 Ajax加载数据 1....
限定起止日期的jQeruy年月日选择三级联动,需求其实很简单,就是让用户填写出生日期的时候选择年月日. 当然可以用bootstrap-datepicker,感觉有点杀鸡用牛刀似的,而且手机选择的时候反而不便捷. 本来就是3个选择菜单...
纯JS封装YMDClass年月日三级联动插件
使用标签创建选择年月日下拉框