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 JavaScript获取Url参数,src属性参数
Mar 09 Javascript
javascript function、指针及内置对象
Feb 19 Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
JS将制定内容复制到剪切板示例代码
Feb 11 Javascript
理解javascript异步编程
Jan 27 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
Dec 31 Javascript
解决vue 引入子组件报错的问题
Sep 06 Javascript
微信小程序实现下拉刷新动画
Jun 21 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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/12/30 PHP
Yii2简单实现给表单添加验证码的方法
2016/07/18 PHP
function foo的原型与prototype属性解惑
2010/11/19 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
浅谈$(document)和$(window)的区别
2015/07/15 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
2016/04/06 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
2016/05/30 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
JS实现的简单轮播图运动效果示例
2016/12/22 Javascript
Mongoose学习全面理解(推荐)
2017/01/21 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
2018/09/05 jQuery
详解如何为你的angular app构建一个第三方库
2018/12/07 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
如何在vue中使用video.js播放m3u8格式的视频
2021/02/01 Vue.js
使用Python编写简单的画图板程序的示例教程
2015/12/08 Python
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
Django处理Ajax发送的Get请求代码详解
2019/07/29 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
纯CSS3单页切换导航菜单界面设计的简单实现
2016/08/16 HTML / CSS
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
2013/08/02 HTML / CSS
荷兰鞋子在线:Nelson Schoenen
2017/12/25 全球购物
施华洛世奇美国官网:SWAROVSKI美国
2018/02/08 全球购物
如何设置Java的运行环境
2013/04/05 面试题
护理专业毕业生自荐信范文
2014/01/05 职场文书
外贸采购员岗位职责
2014/03/08 职场文书
2014年保卫部工作总结
2014/11/21 职场文书
2015最新民情日记范文
2015/06/26 职场文书
nginx配置ssl实现https的方法示例
2021/03/31 Servers
Python中的tkinter库简单案例详解
2022/01/22 Python