js日期、星座的级联显示代码


Posted in Javascript onJanuary 23, 2014

js 代码

    function birthdayOnchange(obj) {
        var year = $("<%= DDL_Year.ClientID%>").value;
        if (year == "year")
            return;
        else
            year = parseInt(year, 10);

        var month = $("<%=DDL_Month.ClientID%>").value;
        if (month == "month")
            return;
        else
            month = parseInt(month, 10);
        var day = $("<%=DDL_Day.ClientID%>").value;
        var wholeday = getDays(year, month);
        if (1) {
            var options = $("<%=DDL_Day.ClientID%>").options;
            for (var i = 1; i <= wholeday; i++) {
                var j = i.toString();
                j = j.length == 1 ? "0" + j : j;
                options.length = i + 1;
                options[i].value = j;
                options[i].text = j;
                if (day <= wholeday && i == day) {
                    options[i].selected = true;
                }
            }
        }
    }
 function getDays(year, month) {
        var dayarr = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
        if (month == 2) {
            if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0 || year < 1900)
                return 29;
            else
                return dayarr[month - 1];
        }
        else {
            return dayarr[month - 1];
        }
    }
    function adjustAstro() {
        var v_astro = getAstro($("<%=DDL_Month.ClientID%>").value, $("<%=DDL_Day.ClientID%>").value);
        $("<%=astro.ClientID %>").options[0].text = v_astro;
    }
    function getAstro(v_month, v_day) {
        v_month = parseInt(v_month, 10)
        v_day = parseInt(v_day, 10);
        if ((v_month == 12 && v_day >= 22)
  || (v_month == 1 && v_day <= 20)) {
            return "魔羯座";
        }
        else if ((v_month == 1 && v_day >= 21)
  || (v_month == 2 && v_day <= 19)) {
            return "水瓶座";
        }
        else if ((v_month == 2 && v_day >= 20)
  || (v_month == 3 && v_day <= 20)) {
            return "双鱼座";
        }
        else if ((v_month == 3 && v_day >= 21)
  || (v_month == 4 && v_day <= 20)) {
            return "白羊座";
        }
        else if ((v_month == 4 && v_day >= 21)
  || (v_month == 5 && v_day <= 21)) {
            return "金牛座";
        }
        else if ((v_month == 5 && v_day >= 22)
  || (v_month == 6 && v_day <= 21)) {
            return "双子座";
        }
        else if ((v_month == 6 && v_day >= 22)
  || (v_month == 7 && v_day <= 22)) {
            return "巨蟹座";
        }
        else if ((v_month == 7 && v_day >= 23)
  || (v_month == 8 && v_day <= 23)) {
            return "狮子座";
        }
        else if ((v_month == 8 && v_day >= 24)
  || (v_month == 9 && v_day <= 23)) {
            return "处女座";
        }
        else if ((v_month == 9 && v_day >= 24)
  || (v_month == 10 && v_day <= 23)) {
            return "天秤座";
        }
        else if ((v_month == 10 && v_day >= 24)
  || (v_month == 11 && v_day <= 22)) {
            return "天蝎座";
        }
        else if ((v_month == 11 && v_day >= 23)
  || (v_month == 12 && v_day <= 21)) {
            return "射手座";
        }
        return "";
    }

html
                <DIV>出生日期:</DIV>
                <DIV>
                    <asp:DropDownList ID="DDL_Year" runat="server"  onchange="birthdayOnchange(this);"></asp:DropDownList> 年 
                    <asp:DropDownList ID="DDL_Month" runat="server"  onchange="birthdayOnchange(this);adjustAstro();"></asp:DropDownList> 月 
                    <asp:DropDownList ID="DDL_Day" runat="server" onchange="adjustAstro();"></asp:DropDownList> 日 
                </DIV>
                <DIV>星座:</DIV>
                <DIV>
                    <SELECT id=astro disabled name=astro runat="server"> 
                        <OPTION selected>处女座</OPTION>
                    </SELECT>
                </DIV>
Javascript 相关文章推荐
JS测试显示屏分辨率以及屏幕尺寸的方法
Nov 22 Javascript
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 Javascript
jquery实现简单合拢与展开网页面板的方法
Sep 01 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 Javascript
JS获取鼠标相对位置的方法
Sep 20 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
JS正则表达式之非捕获分组用法实例分析
Dec 28 Javascript
vue之将echart封装为组件
Jun 02 Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
apicloud拉起小程序并传递参数的方法示例
Nov 21 Javascript
详解Vue源码中一些util函数
Apr 24 Javascript
微信小程序按顺序同步执行的两种方式
Dec 20 Javascript
js根据日期判断星座的示例代码
Jan 23 #Javascript
jQuery中Dom的基本操作小结
Jan 23 #Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 #Javascript
js验证电话号码与手机支持+86的正则表达式
Jan 23 #Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
Jan 22 #Javascript
Jquery遍历节点的方法小集
Jan 22 #Javascript
Jquery如何实现点击时高亮显示代码
Jan 22 #Javascript
You might like
最令PHP初学者头痛的十四个问题
2006/07/12 PHP
PHP中使用CURL伪造来路抓取页面或文件
2011/05/04 PHP
ThinkPHP控制器里javascript代码不能执行的解决方法
2014/11/22 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
解决Laravel 不能创建 migration 的问题
2019/10/09 PHP
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
子页向父页传值示例
2013/11/27 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
2016/03/30 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
JavaScript实现图片懒加载(Lazyload)
2016/11/28 Javascript
如何使用 vue + d3 画一棵树
2018/12/03 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
Angular8 实现table表格表头固定效果
2020/01/03 Javascript
深入浅析Python中list的复制及深拷贝与浅拷贝
2018/09/03 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
python生成13位或16位时间戳以及反向解析时间戳的实例
2020/03/03 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
CSS实现半透明边框与多重边框的场景分析
2019/11/13 HTML / CSS
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
GWebs公司笔试题
2012/05/04 面试题
生产总经理岗位职责
2013/12/19 职场文书
销售冠军获奖感言
2014/02/03 职场文书
电气个人求职信范文
2014/02/04 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
关于教师节的演讲稿
2014/09/04 职场文书
2015年度个人教学工作总结
2015/05/20 职场文书
2015初中团支部工作总结
2015/07/21 职场文书
信息简报范文
2015/07/21 职场文书
幼儿园托班教育随笔
2015/08/14 职场文书
golang生成vcf通讯录格式文件详情
2022/03/25 Golang
JAVA springCloud项目搭建流程
2022/05/11 Java/Android