年月日联动

最新推荐文章于 2021-02-13 10:59:55 发布
最新推荐文章于 2021-02-13 10:59:55 发布
阅读量254 收藏
点赞数 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form name="form1">
    <!--年份和月份设置联动-->
    <select name="YYYY" οnchange="YYYYMM(this.value)">
        <option value="">年</option>
    </select>
    <select name="MM" οnchange="MMDD(this.value)">
        <option value="">月</option>
    </select>
    <select name="DD">
        <option value="">日</option>
    </select>
    </form>

<script>
    window.οnlοad=function () {
        strYYYY = document.form1.YYYY.outerHTML;
        strMM = document.form1.MM.outerHTML;
        strDD = document.form1.DD.outerHTML;
        monHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        var y = new Date().getFullYear();
        var str = strYYYY.substring(0, strYYYY.length - 9);
        for (var i = (y - 118); i < (y + 82); i++) {
            str += "<option value='" + i + "'>" + i + "</option>\n";
        }
        str += "</selet>"
        document.form1.YYYY.outerHTML = str;

        var str1 = strMM.substring(0, strMM.length - 9);
        for (var j = 1; j < 13; j++) {
            str1 += "<option value='" + j + "'>" + j + "</option>\n";
        }
        document.form1.MM.outerHTML = str1 + "</select>";
        y = document.form1.YYYY.value;
        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();
    }
        function writeDay(n){
            var s = strDD.substring(0, strDD.length - 9);
            for (var i=1; i<(n+1); i++)
                s += "<option value='" + i + "'> " + i + "</option>\n";
            document.form1.DD.outerHTML = s +"</select>";
        }
        function YYYYMM(str) //年发生变化时日期发生变化(主要是判断闰平年)
        {
            //把选择的下标位置传给option然后取值
            var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value;
            if (MMvalue == ""){document.form1.DD.outerHTML = strDD; return;}
            var n = monHead[MMvalue - 1];
            if (MMvalue ==2 && ispinyear(str)) n++;
            writeDay(n)
        }
        function MMDD(str1) //月发生变化时日期联动
        {
            var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
            if (str1 == ""){document.form1.DD.outerHTML = strDD; return;}
            var n = monHead[str1 - 1];
            if (str1 ==2 && ispinyear(YYYYvalue)) n++;
            writeDay(n)
        }
        function writeDay(n) //据条件写日期的下拉框
        {
            var s = strDD.substring(0, strDD.length - 9);
            for (var i=1; i<(n+1); i++)
                s += "<option value='" + i + "'> " + i + "</option>\r\n";
            document.form1.DD.outerHTML = s +"</select>";
        }
        function ispinyear(year)//判断是否闰平年
        {
            return(0 == year%4 && (year%100 !=0 || year%400 == 0))
        }

</script>
</body>
</html>
W_violet
关注
js实现年月日联动功能
RoddyLD的博客
03-20 1310
js实现年月日联动功能 实现年月日联动最核心的就是要判断每个月份的天数，月份的天数可能是28或29或30或31天。然后通过appendChild()方法和getElementByID()方法实现年月日的联动功能。 具体实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
Java实现年月日三联动
07-20
用JavaScript实现了年月月下拉框三联动，分闰年平年二月的天数的。
简单的年月联动
weixin_30617561的博客
11-15 52
HTML <SELECT NAME="SelTjYear"> </SELECT> <SELECT NAME="SelTjMonth"> </SELECT> 源码： function vYearMonth(yearObjId, monthObjId) { var selYear = docu...
年月日三下拉框联动
系统运维
09-05 119
年月日三下拉框联动(IE) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 ...
请做一个年，月，日的联动菜单（选择年才可以选择月，选择月才可以选择日，并且2月的天数要正确）
赵小赵的博客
11-16 553
var year = 0; // 获得年 function getYear(t) { year = t; // 定义默认月标识 var f = 0; if(year != "请选择") { // 修改月份标识
年月日三级联动
05-27
三级联动是你在做网站是注册必不可少的部分。java编写的三级联动性能稳定，简单易用
javascript 年月日联动实现核心代码
10-29
javascript 年月日联动实现核心代码 javascript 年月日联动实现核心代码是指通过javascript语言来实现年月日四级联动的效果，即在选择年份时，自动更新月份和日份的选择范围。这种技术广泛应用于web开发中，例如在...
年月日联动下拉_日期_下拉框_
09-29
在网页设计和开发中，"年月日联动下拉_日期_下拉框_"是一个常见的交互功能，主要用于用户输入日期时提供便捷的选择方式。这个功能通常由三个独立的下拉框组成，分别用于选择年份、月份和日期，且这三个下拉框之间...
年月日三级联动代码示例
weixin_34232744的博客
04-17 203
2019独角兽企业重金招聘Python工程师标准>>> ...
时间控件，年月日联动选择年，月，日的js代码
09-19
一个比较实用的js代码实现年月日联动选择年月日
自定义 日期 联动 几年 几月 几日 之后 js javas （使用 My97DatePicke ）
_1531613221
08-23 207
由于时间匆忙，只贴了 关键代码（后期时间充裕 再补上 完整代码） ================================================================================
[ js实例 ] 年月日三级联动练习
L_melody的博客
10-09 195
<!Doctype html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <met...
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 ...
月份-日期下拉框联动变换日期
weixin_34185364的博客
05-17 415
月份与日期在页面中为两个下拉框，分别为枚举类型，现通过选择月份时变换日期天数，比如，4月30天，3月31天，2月29天 js 如下 function populateDays(index) { var monthDays = new Array(31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); var...
java时间和日期拼接_java 时间和日期
weixin_31124163的博客
02-13 3604
1. 获取时间戳 (精确到毫秒)System.currentTimeMillis() //返回一个long类型的值2. 日期和时间处理一般使用三个类组合使用(Date,Calender,SimpleDateFormat)3. Date 类 (java.util.Date)现在Date类很多方法无法使用 ，但是出于向下兼容，没有删掉Date now = new Date();System.out.p...
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...
jQuery实现年月日的联动功能
Joy
07-28 4615
首先我们先来三个选择框<select> <option>==请选择年==</option> </select> <select> <option>==请选择月==</option> </select> <select> &l
Android实现年月日三级联动日期选择器
本文将详细介绍如何在Android应用中实现年月日三级联动的日期选择器，提供了一个具体的实例和代码示例。 在Android开发中，日期选择器是常见的一种交互元素，用户可以通过它来选择特定的日期。实现年月日三级联动的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值