6.24 年月日三级联动和显示当前时间

最新推荐文章于 2022-06-11 23:26:31 发布

转载最新推荐文章于 2022-06-11 23:26:31 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sunhao1987/p/9221542.html

文章标签：

#javascript #ViewUI

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <script src="../public/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <title>Document</title>
</head>
<body>
    <select id="nian" onchange="changeTian()">
        
    </select>年
    <select id="yue" onchange="changeTian()">
        
    </select>月
    <select id="tian">
        
    </select>日  
    <div id="shijian">
        
    </div>
</body>
</html>
<script type="text/javascript">
    nian();
    yue();
    tian();
    showTime();
    function showTime(){
         var nowTime = new Date();
         $("#shijian").html(nowTime.toLocaleString());//Sun Jun 24 2018 19:41:21 GMT+0800 转成2018/6/24 下午7:42:09
         setTimeout("showTime()",1000);//用于在指定的毫秒数后调用函数或计算表达式。
    }
    function nian(){
        var nowtime = new Date();//获取系统当前时间 
        var nian = nowtime.getFullYear();//获取当前年份
        var str = "";
        for(var i=1900;i<=2020;i++){
            if(i==nian){
                str +="<option selected>"+i+"</option>"
            }else{
                str +="<option>"+i+"</option>";
            }
        }$("#nian").html(str);    
    }
    function yue(){
        var myDate = new Date();
        var month=myDate.getMonth()+1;//获取当前月
        var str ="";
        for(var i =1;i<=12;i++){
            if(i==month){
                str +="<option selected>"+i+"</option>"
                             //选中当前月
            }else{
                str +="<option>"+i+"</option>";
            }
        }
        $("#yue").html(str);
    }
    function tian(){
        var nian = $("#nian").val();
        var yue = $("#yue").val();
        var ts =30;
        if(yue==1||yue==3||yue==5||yue==7||yue==8||yue==10||yue==12){
                 ts = 31;
          }else if(yue==2){
              if((nian%4==0&&nian%100 !=0)||nian%400==0){
                  ts = 29;
              }else{
                  ts=28;
              }
          }
          var str ="";
          for(var i=1;i<=ts;i++){
              str+="<option>"+i+"</option>";
          }
          $("#tian").html(str);
    }
    function changeTian(){
        tian();
    }
    

    
    
    
    </script>