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 相关文章推荐
用于table内容排序
Jul 21 Javascript
TFDN图片播放器 不错自动播放
Oct 03 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 Javascript
Jquery遍历节点的方法小集
Jan 22 Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
js通过八个点 拖动改变div大小的实现方法
Mar 05 Javascript
Javascript中this关键字的一些小知识
Mar 15 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
JavaScript解析机制与闭包原理实例详解
Mar 08 Javascript
Javascript数组方法reduce的妙用之处分享
Jun 10 Javascript
node删除、复制文件或文件夹示例代码
Aug 13 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
Mar 24 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 定界符格式引起的错误
2011/05/24 PHP
php中截取中文字符串的代码小结
2011/07/17 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
PHP回溯法解决0-1背包问题实例分析
2015/03/23 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
JavaScript实现文字与图片拖拽效果的方法
2015/02/16 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
javascript 四十条常用技巧大全
2016/09/09 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
2017/01/03 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
2017/02/27 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
Gulp实现静态网页模块化的方法详解
2018/01/09 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
vue axios请求拦截实例代码
2018/03/29 Javascript
vue 使用vue-i18n做全局中英文切换的方法
2018/10/29 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
js常用正则表达式集锦
2019/05/17 Javascript
一看就会的vuex实现登录验证(附案例)
2020/01/09 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
2020/03/07 Javascript
Python if语句知识点用法总结
2018/06/10 Python
Python实现多属性排序的方法
2018/12/05 Python
Python下利用BeautifulSoup解析HTML的实现
2020/01/17 Python
基于Numba提高python运行效率过程解析
2020/03/02 Python
CSS3轻松实现清新 Loading 效果的简单实例
2016/06/06 HTML / CSS
UNIX操作系统结构由哪几部分组成
2016/02/17 面试题
应届大学生求职的自我评价
2013/11/17 职场文书
大专生毕业的自我评价
2014/02/06 职场文书
前处理组长岗位职责
2014/03/01 职场文书
中队活动总结
2014/08/27 职场文书
创先争优公开承诺书
2014/08/30 职场文书
vue 给数组添加新对象并赋值
2022/04/20 Vue.js