年月日级联

最新推荐文章于 2021-02-12 17:28:22 发布
最新推荐文章于 2021-02-12 17:28:22 发布
阅读量572 收藏
点赞数
分类专栏： html/css
<HTML>
    <HEAD>
        <title>年月日三联动下拉框</title>
        <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
        <meta name='author' content='http://singlepine.cnblogs.com/'>
        <script language="JavaScript"><!--
            function YYYYMMDDstart()
            {
                MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

                //先给年下拉框赋内容
                var y   = new Date().getFullYear();
                for (var i = (y-30); i < (y+30); i++) //以今年为准，前30年，后30年
                    document.form1.YYYY.options.add(new Option(" "+ i +" 年", i));

                //赋月份的下拉框
                for (var i = 1; i < 13; i++)
                    document.form1.MM.options.add(new Option(" " + i + " 月", i));

                document.form1.YYYY.value = y;
                document.form1.MM.value = new Date().getMonth() + 1;
                var n = MonHead[new Date().getMonth()];
                if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++;
                    writeDay(n); //赋日期下拉框
                document.form1.DD.value = new Date().getDate();
            }
            if(document.attachEvent)
                window.attachEvent("onload", YYYYMMDDstart);
            else
                window.addEventListener('load', YYYYMMDDstart, false);
            function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年)
            {
                var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value;
                if (MMvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}
                var n = MonHead[MMvalue - 1];
                if (MMvalue ==2 && IsPinYear(str)) n++;
                    writeDay(n)
            }
            function MMDD(str)  //月发生变化时日期联动
            {
                var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
                if (YYYYvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}
                var n = MonHead[str - 1];
                if (str ==2 && IsPinYear(YYYYvalue)) n++;
                    writeDay(n)
            }
            function writeDay(n)  //据条件写日期的下拉框
            {
                var e = document.form1.DD; optionsClear(e);
                for (var i=1; i<(n+1); i++)
                    e.options.add(new Option(" "+ i + " 日", i));
            }
            function IsPinYear(year)//判断是否闰平年
            {  
                return(0 == year%4 && (year%100 !=0 || year%400 == 0));
            }
            function optionsClear(e)
            {
                e.options.length = 1;
            }
    //-->
    </script>
    </HEAD>
    <body>
        <form name="form1">
            <select name="YYYY" οnchange="YYYYDD(this.value)">
                <option value="" selected>请选择 年</option>
            </select>
            <select name="MM" οnchange="MMDD(this.value)">
                <option value="" selected>选择 月</option>
            </select>
            <select name="DD">
                <option value="" selected>选择 日</option>
            </select>
        </form>
        
    </body>
</HTML>
鼠里七
关注
专栏目录
JS表单的有效性验证(表单提交/年月日级联/省市级联)
HG0724的博客
01-04 615
本篇目录可能需要的人(面向对象)标题JS表单的有效性验证JS有效性验证中个别功能使用说明最后说明 可能需要的人(面向对象) 写这篇博客原因 本人是计科专业，这篇文章涉及到的web前端的基础知识对我们学校的我这个专业的人来说是不重要的(考查课)，但多掌握一些知识是有必要的。JS表单的有效性验证是老师留给我们的期末的作业之一，为了完成它，折腾了两三天，也搜索、整理了资料，其中一些功能的资料对我们这...
年月日三级联动六级联动
前端小子
05-15 1579
1 问题介绍 最近在开发中遇到一个日期选择的问题,一开始只需要写一个三级联动的年月日下拉框,效果就像这样 没写css样式,请忽略丑度,直接上手撸代码,代码逻辑挺简单的,就主要用了new option(),来创建option,和使用Date判断当前月的天数ps:(偷懒没写判断闰年) 1:动态创建option this.day.options.add(new Option(i+"日...
年月日三联动下拉框
weixin_30915275的博客
05-27 89
<HTML> <HEAD> <title>年月日三联动下拉框</title> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <meta name='author' content='http:/...
年月日三级级联
weixin_30423977的博客
10-07 100
<html><head><title>年月日三下拉框联动</title><metahttp-equiv='Content-Type'content='text/html;charset=gb2312'><metaname='author'content='GBK(tzol)//www.baidu.com'></...
年月日下拉菜单
Software development, including .NET and J2EE
09-24 1501
直接贴源代码了，里面有比较详细的注释。。。 http://www.w3.org/1999/xhtml">        日期下拉菜单示例            //日期选择器构造函数        function DateSelector(selYear, selMonth, selDay)        {            this.selYear = selYear;   
JS 实现的年月日三级联动
故事我忘了°的博客
01-09 1637
JS 实现的年月日三级联动 js文件 SYT="-请选择年份-"; SMT="-请选择月份-"; SDT="-请选择日期-"; BYN=50;//年份范围往前50年 AYN=5;//年份范围往后0年 function YMDselect(){ this.SelY=document.getElementsByName(arguments[0])[0]; this.SelM=document.ge...
js出生日期 年月日级联菜单示例代码
10-26
2.js出生日期年月日级联菜单：这是一个具体的级联菜单使用场景，主要用于选择出生日期。在这个场景中，年份、月份、日期的选择是级联的，即当选择了一个年份后，月份的选项会更新为该年份的月份；当选择了一个月份后...
jQuery实现动态生成年月日级联下拉列表示例
11-29
在本文中，我们将深入探讨如何使用jQuery来动态生成年月日级联下拉列表。这个功能在许多网页表单中非常实用，特别是那些需要用户输入日期的场景。级联下拉列表可以提供良好的用户体验，因为它根据用户的选择自动更新...
省市，年月日级联（JS）
07-10
接下来，我们将深入探讨如何利用JavaScript来实现省市、年月级联的功能。 一、省市级联 1. 数据准备：首先，你需要一个包含所有省市数据的结构化数组，例如： ```javascript var provinces = [ {id: '1', name:...
年月日三下拉框联动 JS
weixin_30314631的博客
05-29 88
1 <html> 2 　　<head> 3 　　<title>年月日三下拉框联动 - www.aspxhome.com</title> 4 　　<meta http-equiv='Content-Type' content='text/html; charset=gb2312'> 5 　　<meta name=...
UGUI时间选择器-三级联动
04-16
一个可以像闹钟那样滑动的时间选择器，但是只可以选择年月日，年份可以实现万年历，虽然滑动的速度稍微快了一些，但是每个年月日都肯定可以选到
JS实现自己想要日期级联的某年某月的天数
niepxiya的博客
12-20 1722
JS实现自己想要日期级联的某年某月的天数        有时候，我们并不想要每个月天数一样，或者是不需要非得根据年月来实现该月有多少天，想要实现每个月有几天由自己定义。在这里我实现了一个这样的日期级联，定义属于自己的日期。     使用的初始的日期级联的网址是：http://www.cnblogs.com/xcxc/archive/2013/03/11/2953556.html   
Jquery--年月日级联选择
Ben的专栏
05-20 4071
年月日级联选择在项目开发中是经常需要到的，用jquery简单写了一个脚本，以便后续使用。  date.js: $(document).ready(function () { var year = $("#year"); var month = $(
java 级联下拉列表_java 下拉框级联（年月日级联）
weixin_39793564的博客
02-12 910
这个是一个实现时间选着的级联下拉选择框(包括年月日)，其中涉及到了闰年2月份天数的处理！源代码：package com.blue411;import java.awt.Dimension;import javax.swing.JFrame;import javax.swing.JPanel;import javax.swing.JComboBox;import java.awt.*;import ...
实现年月日表单三级联动
Catalina
03-08 3926
用Html实现人人人人网注册界面 ，Js实现生日栏表单三级联动 1. 效果2.Html代码部分<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>人人网日期表单联动</title> <style> select { font:20px
JavaScript实现年月日三级联动
happyPaste的博客
12-30 2206
初学Javascript,，写了一个实现年月日三级联动的小程序，记录一下： 年月日 请选择年份 1900 年 请选择月份 1 月 请选择日期 1 日 //onclick获得改变前的值。onchange获取改变后的值。 var yearNode = docu
jQuery实现年月日的联动功能
Joy
07-28 4615
首先我们先来三个选择框<select> <option>==请选择年==</option> </select> <select> <option>==请选择月==</option> </select> <select> &l
利用jQuery动态生成年月日级联
10-04 892
html代码： &lt;form name="form1" id="dateForm"&gt; &lt;select name="year"&gt;&lt;/select&gt;年 &lt;select name="month"&gt;&lt;/select&gt;月 &lt;select name="
写有关年月日基于AJAX实现级联下拉菜单（至少3级）html网页代码
最新发布
05-28
级联下拉菜单 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> $(document).ready(function(){ $("#year").change(function(){ var year_id = $(this).val();...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值