<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;
}
分享到:
相关推荐
实现了日期三级级联效果,年月日都实现联动,闰年和平年之分
jsp出生日期三级级联下拉列表,今晚做的,呵呵!分享下!
angularjs 编写的省市区下拉框三级级联自定义指令,包含了2018年1月最新的全国省市区数据(json)
JS年月日三级联动下拉框日期选择代码
最近项目里面用到了一个日期选择器,实现现在主流的WheelView滑动选择,整理了下,做了个Demo.废话不多说,直接上代码. 主布局:activity_main.xml <?xml version=1.0 encoding=utf-8?> <RelativeLayout ...
废话不多说了,直接给大家贴js代码了,具体代码如下所述: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!...<...script src="js/jque
包含布局,单选框,输入框,拖放选择框等元素以及省市区三级联动,时间选择,日期选择,颜色选择,树型,文件/图片上传等功能。文件环境需求PHP> = 5.4支持UI 视点元素UI功能介绍内置17种常用的表单组件支持表单验证...
用Html实现人人网注册界面 ,Js实现生日栏表单三级联动 1. 效果 2.Html代码部分 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>人人网日期表单联动</...
由于工作中涉及到生日编辑资料编辑,年月日用上面网址案例:bug提示: 编辑生日栏的【年】或者【月】,之前保存的具体的【日】就不显示啦,产品说不管编辑哪个数据,...JS年月日三级联动下拉框日期选择代码</title
关于select控件,可能年月日三级联动的日期选择效果是最常见的应用了。本文是选择框脚本的实践,下面将对日期选择效果进行详细介绍 规划 默认情况下,年、月、日分别由3个select控件组成,id分别为sel1,sel2,sel...
从而支持按添加日期生成HTML文件目录7、增加在栏目列表页模板可以用标签{$GetClassDocNum}得到当前栏目的文档数8、后台会员管理增加搜索会员功能9、地区升级为三级关联,涉及到的文章,会员,图片,求职等等都支持三...
我取得数据是今年的数据,如果是想要做三级联动的日期插件,改一下时间就好了 var app=angular.module(“dataPicker”,[]) app.factory('dataPicker', ['$http', '$q', function ($http, $q) { return { query: ...
本文介绍了vue学习之mintui picker选择器实现省市二级联动示例,分享给大家,具体如下: Mint UI 使用文档:https://mint-ui.github.io/docs/#/zh-cn2 Popup弹出框介绍:...
9、地区升级为三级关联,涉及到的文章,会员,图片,求职等等都支持三级地区级联 10、增加支持日韩文开关,以免导致乱码。具体在conn.asp文件里设置有开关 11、加强主模型筛选代码 Item/index.asp过滤 12、注册保存...
仿京东导航 防天猫导航 相册鼠标经过放大图片插件 仿QQ相册 仿腾讯图片幻灯片效果展示 图片幻灯片播放Jquery插件 省市地区三级联动弹出层Jquery特效 文本框限制字长 日历特效 cxCalendar 日期选择器 密码强度检测
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 十九、 ...
4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的...
4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据...
4.4.7. 露一小手,组合上面所知,省市县三级级联。哈哈~ 4.4.7.1. 先做一个模拟的,所有数据都在本地 4.4.7.2. 再做一个有后台的,需要放在服务器上咯 4.5. 把form里的那些控件全部拿出来看看 4.6. form提交数据的...