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 相关文章推荐
javascript 数组的方法集合
Jun 05 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
Sep 19 Javascript
javascript得到当前页的来路即前一页地址的方法
Feb 18 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
初识angular框架后的所思所想
Feb 19 Javascript
JS声明式函数与赋值式函数实例分析
Dec 13 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
node中实现删除目录的几种方法
Jun 24 Javascript
js消除图片小游戏代码
Dec 11 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
Aug 06 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调用C代码的实现方法
2014/03/11 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
JavaScript 设计模式之组合模式解析
2010/04/09 Javascript
菜鸟javascript基础资料整理2
2010/12/06 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
2013/04/21 Javascript
js中this的用法实例分析
2015/01/10 Javascript
jQuery实现下拉框选择图片功能实例
2015/08/08 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
Bootstrap图片轮播组件使用实例解析
2016/06/30 Javascript
AngularJS基础 ng-mouseleave 指令详解
2016/08/02 Javascript
微信小程序获取用户openId的实现方法
2017/05/23 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
2017/06/30 Javascript
protractor的安装与基本使用教程
2017/07/07 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
快速解决vue在ios端下点击响应延时的问题
2018/08/27 Javascript
Vue-router 切换组件页面时进入进出动画方法
2018/09/01 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
jquery+php后台实现省市区联动功能示例
2019/05/23 jQuery
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
为python设置socket代理的方法
2015/01/14 Python
Python操作MySQL简单实现方法
2015/01/26 Python
Python实现的生产者、消费者问题完整实例
2018/05/30 Python
python中文编码与json中文输出问题详解
2018/08/24 Python
python实现zabbix发送短信脚本
2018/09/17 Python
python实现微信防撤回神器
2019/04/29 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
2013/01/07 HTML / CSS
乌克兰电子和家用电器商店:Foxtrot
2019/07/23 全球购物
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
工程造价专业大专生求职信
2013/10/06 职场文书
学校后勤人员职责
2013/12/27 职场文书
写求职信有什么意义
2014/02/17 职场文书
演讲开场白和结束语
2015/05/29 职场文书
迎新生晚会主持词
2015/06/30 职场文书
2015年中学体育教师工作总结
2015/10/23 职场文书