`
hngmduyi
  • 浏览: 330451 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

日期三级级联

J# 
阅读更多
<select name="year" id="year"> 
   <option>选择年</option>         
</select> 
<select name="month" id="month"> 
   <option>选择月</option> 
</select> 
<select name="day" id="day"> 
   <option>选择日</option>
</select>

//取得当前年、月、日!
var nowTime=new Date();
var year=nowTime.getFullYear();
var month=nowTime.getMonth()+1;
var day=nowTime.getDate()
// var day=nowTime.getDay();
var mon=['31','28','31','30','31','30','31','31','30','31','30','31'];
function $(id){
   return document.getElementById(id)
}
 /*
  * 显示日期
  */
function showDate(){
  //写出年
   var num=0;
   for(var i=year;i>=year-30;i--){
	num++;
	$('year').options.add(new Option(i+"年",i));
	if(i==year){	
		$('year').options[num].selected=true;
	}	 
    }
   //写出月
   for(var j=1;j<=12;j++){
	$('month').options.add(new Option(j+"月",j));
	if(j==month){
		$('month').options[month].selected=true;
	}
   }
  //写出日
  changeDay(year,month);
  $('year').attachEvent('onchange',changeYear);
  $('month').attachEvent('onchange',changeMonth);	 
}
//判断是否为闰年
function isLeapYear(year){
     if((year%4==0&&year%100!=0)||(year%400==0)){
	return true;
     }else{
	return false;
     }
}
//根据所选年、月动态改变每月的天数!
function changeDay(y,m){
     var sum=0;
     if(isLeapYear(y)&& m==2){
	sum=parseInt(mon[m-1])+1;
     }else{
	sum=mon[m-1];
     }
     for(var k=1;k<=sum;k++){
	$('day').options.add(new Option(k+"日",k));
	if(k==day){
		$('day').options[day].selected=true;
	}
      }
}
//变化年
function changeYear(){
	$('month').options.selectedIndex = 1;
	$('day').options.selectedIndex = 1;
}
//变化月份
function changeMonth(){
	var Year = $('year').options[$('year').selectedIndex].value;
	var Month = $('month').options[$('month').selectedIndex].value;
	$('day').options.length = 1;
	changeDay(Year,Month); 
	$('day').options.selectedIndex = 1;
}

分享到:
评论

相关推荐

    javaScript日期三级级联

    实现了日期三级级联效果,年月日都实现联动,闰年和平年之分

    jsp出生日期三级级联下拉列表

    jsp出生日期三级级联下拉列表,今晚做的,呵呵!分享下!

    angularjs 地区三级级联

    angularjs 编写的省市区下拉框三级级联自定义指令,包含了2018年1月最新的全国省市区数据(json)

    JS年月日三级联动下拉框日期选择代码

    JS年月日三级联动下拉框日期选择代码

    Android日期选择器实现年月日三级联动

    最近项目里面用到了一个日期选择器,实现现在主流的WheelView滑动选择,整理了下,做了个Demo.废话不多说,直接上代码. 主布局:activity_main.xml &lt;?xml version=1.0 encoding=utf-8?&gt; &lt;RelativeLayout ...

    jQuery时间日期三级联动(推荐)

    废话不多说了,直接给大家贴js代码了,具体代码如下所述: &lt;&#37;@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %&gt; &lt;!...&lt;...script src="js/jque

    表单生成器:PHP表单生成器,快速生成现代化的表单,支持前放置分离。内置布局,单选框,输入框,拖放选择框,省市区三级联动,时间选择,日期选择,颜色选择,文件图片上传等17种常用组件

    包含布局,单选框,输入框,拖放选择框等元素以及省市区三级联动,时间选择,日期选择,颜色选择,树型,文件/图片上传等功能。文件环境需求PHP&gt; = 5.4支持UI 视点元素UI功能介绍内置17种常用的表单组件支持表单验证...

    js实现年月日表单三级联动

    用Html实现人人网注册界面 ,Js实现生日栏表单三级联动 1. 效果 2.Html代码部分 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;人人网日期表单联动&lt;/...

    javascript实现日期三级联动下拉框选择菜单

    由于工作中涉及到生日编辑资料编辑,年月日用上面网址案例:bug提示: 编辑生日栏的【年】或者【月】,之前保存的具体的【日】就不显示啦,产品说不管编辑哪个数据,...JS年月日三级联动下拉框日期选择代码&lt;/title

    利用select实现年月日三级联动的日期选择效果【推荐】

    关于select控件,可能年月日三级联动的日期选择效果是最常见的应用了。本文是选择框脚本的实践,下面将对日期选择效果进行详细介绍 规划  默认情况下,年、月、日分别由3个select控件组成,id分别为sel1,sel2,sel...

    KesionEshop在线商城系统 X2.0.zip

    从而支持按添加日期生成HTML文件目录7、增加在栏目列表页模板可以用标签{$GetClassDocNum}得到当前栏目的文档数8、后台会员管理增加搜索会员功能9、地区升级为三级关联,涉及到的文章,会员,图片,求职等等都支持三...

    基于angular实现三级联动的生日插件

    我取得数据是今年的数据,如果是想要做三级联动的日期插件,改一下时间就好了 var app=angular.module(“dataPicker”,[]) app.factory('dataPicker', ['$http', '$q', function ($http, $q) { return { query: ...

    vue学习之mintui picker选择器实现省市二级联动示例

    本文介绍了vue学习之mintui picker选择器实现省市二级联动示例,分享给大家,具体如下: Mint UI 使用文档:https://mint-ui.github.io/docs/#/zh-cn2 Popup弹出框介绍:...

    KesionEshop 在线商城系统 X2.0 正式版(utf-8).rar

    9、地区升级为三级关联,涉及到的文章,会员,图片,求职等等都支持三级地区级联 10、增加支持日韩文开关,以免导致乱码。具体在conn.asp文件里设置有开关 11、加强主模型筛选代码 Item/index.asp过滤 12、注册保存...

    jquery-ui实例

    仿京东导航 防天猫导航 相册鼠标经过放大图片插件 仿QQ相册 仿腾讯图片幻灯片效果展示 图片幻灯片播放Jquery插件 省市地区三级联动弹出层Jquery特效 文本框限制字长 日历特效 cxCalendar 日期选择器 密码强度检测

    非常全的oracle文档

    17.8. 指定级联操作类型 94 十八、 SQL基础 95 18.1. SQL简介 95 18.2. 数据定义语言 97 18.3. 数据操纵语言 97 18.4. 事务控制语言 98 18.5. 数据控制语言 99 18.6. SQL 操作符 99 18.7. MEGER语句 103 十九、 ...

    Ext 开发指南 学习资料

    4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的...

    EXT教程EXT用大量的实例演示Ext实例

    4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据...

    EXT2.0中文教程

    4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的...

Global site tag (gtag.js) - Google Analytics