JS根据日期判断所属星座

效果如下：

完整代码如下：

<!DOCTYPE html>

<html >

<head>

    <link rel="stylesheet" href="../dojoroot/dijit/themes/claro/claro.css" media="screen">

    <script>dojoConfig = {parseOnLoad: true}</script>

    <script type="text/javascript" src="../dojoroot/dojo/dojo.js" djConfig="parseOnLoad:true"></script>

    <script>

             require([ "dijit/form/DateTextBox", "dojo/date/locale", "dojo/dom", "dojo/domReady!"],

            function(DateTextBox, dom){

            new DateTextBox({

                value: "2016-12-23",//日期初始化

                name: "oracle",

                onChange:function(v){getValue(v)}//调用判断星座函数

            }, "oracle").startup();

            function getValue(v)

            {

               var startDateStr = dijit.byId("oracle").get('displayedValue');

               //var constellation=document.getElementById("constellation");

               //constellation.innerText= startDateStr.substring(0,4)+startDateStr.substring(5,7)+startDateStr.substring(8,10);

              //var month=startDateStr.substring(5,7);

               //var day=startDateStr.substring(8,10);

               var year=startDateStr.substring(0,4)

               var date1 = new Date(year, 2, 21);//2016-3-12    2实为3月

               var date2 = new Date(year, 3, 19);

               var date3 = new Date(year, 4, 20);

               var date4 = new Date(year, 5, 21);

               var date5 = new Date(year, 6, 22);

               var date6 = new Date(year, 7, 22);

               var date7 = new Date(year, 8, 22);

               var date8 = new Date(year, 9, 23);

               var date9 = new Date(year, 10, 22);

               var date10 = new Date(year, 11, 21);

               var date11 = new Date(year-1,11, 19);//2015-12-23<2016-1-12  用于判断摩羯座

               var date12 = new Date(year, 0, 19);

               var date13 = new Date(year, 1, 18);

               var date14 = new Date(year, 11, 31);//2016-12-29<2016-12-30   用于判断摩羯座

               var constl='';

               if ((v>=date1) && (v <= date2)) //单个判断语句需要加()

                {

                    constl="白羊座";

                }

                else if ((v >= date2) && (v <= date3))

                {

                    constl="金牛座";

                }

                else if ((v >= date3) && (v <= date4))

                {

                    constl="双子座";

                }

                else if ((v >= date4) && (v <= date5))

                {

                    constl="巨蟹座";

                }

                else if ((v >= date5) && (v <= date6))

                {

                    constl="狮子座";

                }

                else if ((v >= date6) && (v <= date7))

                {

                    constl="处女座";

                }

                else if ((v >= date7) && (v <= date8))

                {

                    constl="天秤座";

                }

                else if ((v >= date8) && (v <= date9))

                {

                    constl="天蝎座";

                }

                else if ((v >= date9) && (v <= date10))

                {

                    constl="射手座";

                }

                else if ((v >= date11) && (v <= date12))

                {

                    constl="魔蝎座";

                }

                else if ((v >= date10) && (v <= date14))

                {

                    constl="魔蝎座";

                }

                else if ((v >= date12) && (v <= date13))

                {

                    constl="水瓶座";

                }

                else if ((v >= date13) && (v <= date1))

                {

                    constl="双鱼座";

                }

                document.getElementById("constellation").innerText=constl;

            };

});

    </script>

</head>

<body class="claro">

    <label for="date1">日期下拉框:</label>

    <input id="oracle" /><br/>

    <label id="constellation">星座:</label>

</body>

</html>

需要注意的地方：

1、在初始化日期的时候:var date1 = new Date(2005, 2, 21);

日期实为2005年3月21日

2、在加&&判断的时候，单个判断语句需要加括号

     if ((v>=date1) && (v <= date2)) //单个判断语句需要加()

     {

        constl="白羊座";

     }

3、日期到字符串转换

 function formatDate(time)

         {

            var month = time.getMonth()+1;

           return time.getFullYear() + "-" + month + "-" + time.getDate() + " " + time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();

          }

JS星座判断(关于日期)的更多相关文章

  1. 如何用js检测判断时间日期的间距

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  2. js中判断对象具体类型

    大家可能知道js中判断对象类型可以用typeof来判断.看下面的情况 <script> alert(typeof 1);//number alert(typeof "2" ...

  3. 分享:JS比较两个日期大小

    发布:thatboy   来源:Net     [大 中 小] 本文介绍下,在javascript代码中,比较两个日期大小的方法,有需要的朋友参考下. 转自:http://www.jbxue.com/ ...

  4. JS代码判断IE6,IE7,IE8,IE9！

    JS代码判断IE6,IE7,IE8,IE9!2011年12月15日 星期四 14:01做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代 ...

  5. JS中判断鼠标按键的问题

    JS中判断鼠标按键的问题.IE左键是 window.event.button = 1右键是 window.event.button = 2中键是 window.event.button = 4没有按键 ...

  6. ----------jqery和js如何判断checkbox是否选中 --------两个单选按钮如何选一个，且用jquery获取被选的值

    jqery和js如何判断checkbox是否选中 jquery: <div id="divId" class="divTable"> <div ...

  7. js/jQuery判断浏览器名称、内核版本、浏览器壳

    1.js方法 /* 判断浏览器名称和版本 目前只能判断:ie/firefox/chrome/opera/safari 2012年5月16日23:47:08 浏览器内核UA:UA; 浏览器内核名称:NV ...

  8. JS/React 判断对象是否为空对象

    JS一般判断对象是否为空,我们可以采用: if(!x)的方式直接判断,但是如果是一个空对象,比如空的JSON对象,是这样的:{},简单的判断是不成功的,因为它已经占用着内存了,如果是JQuery的话, ...

  9. [js开源组件开发]js手机联动选择日期 开源git

    js手机联动选择日期 这里在前面的<js手机联动选择地区>的基础上,改造数据源之后形成的一个日期的选择器,当然你可以使用之前的PC上模式的<日期控件>,它同时也支持手机端,ht ...

随机推荐

  1. MongoDB学习笔记二：创建、更新及删除文档

    插入并保存文档 对目标集使用insert方法插入一个文档: > db.foo.insert({"bar" : "baz"}) 这个操作会给文档增加一个&q ...

  2. 准确理解SO_REUSEADDR

          默认情况下,套接字不同一个正在使用的本地地址绑定到一起.但在少数情况下,仍有必要以这种方式,来实现对一个地址的重复利用.每个连接都是通过它的本地及远程地址的组合,"独一无二&qu ...

  3. Java加密算法 RSA

    Java加密算法 RSA 2015-06-06 08:44 511人阅读 评论(0) 收藏 举报  分类: JAVA(57)  公钥加密也称为非对称加密.速度慢.加密和解密的钥匙不相同,某一个人持有私 ...

  4. 【AT91SAM3S】SAM3S-EK Demo工程中，LCD驱动程序的加载(函数指针结构体)

    为了调试LCD,在英倍特的板子上烧Atmel的sam3s-ek_demo_1.4_source示例代码.LCD显示正常了,却找不到LCD的驱动究竟在哪. 花了好久,追踪到了这个执行过程. 进入main ...

  5. UDP发送数据测试

    一个合作伙伴说UDP发送数据,A(IP:192.168.1.100 子网掩码255.255.255.0)网段能发数据到B网段,但B(IP:192.168.2.100 子网掩码255.255.255.0 ...

  6. SparkContext源码阅读

    SparkContext是spark的入口,通过它来连接集群.创建RDD.广播变量等等. class SparkContext(config: SparkConf) extends Logging w ...

  7. Socket的三个功能类TCPClient、TCPListener 和 UDPClient （转）

    应用程序可以通过 TCPClient.TCPListener 和 UDPClient 类使用传输控制协议 (TCP) 和用户数据文报协议 (UDP) 服务.这些协议类建立在 System.Net.So ...

  8. oracle判断某个字符在字段里出现过几次

    SELECT LENGTH(字段名)-LENGTH(REPLACE(字段名,'字符','')) FROM 表名;

  9. mac下删除svn账号

    以mac os x为例(Unix/Linux类似), 1.打开命令行窗口,即用户的根目录(用户的home目录) $ ls -al drwxr-xr-x   6 linxyz  staff    204 ...

  10. MySQL-5.6.13免安装版配置方法

    MySQL-5.6.13免安装版配置方法   1. 下载MySQL Community Server 5.6.13 2. 解压MySQL压缩包    将以下载的MySQL压缩包解压到自定义目录下,我的 ...