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. SQL server数据缓存依赖

    SQL server数据缓存依赖有两种实现模式,轮询模式,通知模式. 1  轮询模式实现步骤 此模式需要SQL SERVER 7.0/2000/2005版本以上版本都支持        主要包含以下几 ...

  2. Spring MVC 4.2 增加 CORS 支持 Cross-Origin

    基于XML的配置: <mvc:cors> <mvc:mapping path="/api/**" allowed-origins="http://dom ...

  3. 在Linux下安装PHP过程中，编译时出现错误的解决办法

    在Linux下安装PHP过程中,编译时出现configure: error: libjpeg.(a|so) not found 错误的解决办法 configure: error: libjpeg.(a ...

  4. Android AChartEngine 个性化设置

    AChartEngine的确是一个强大的图标引擎,但文档写得不是很详细,很多设置只能通过方法名推测和实际尝试,下面是一些自己在实际中遇到的需要设置的选项,常见的那些和通过方法名就能轻松猜到的就不赘述了 ...

  5. bzoj3087: Coci2009 misolovke

    Description [misolovke]给定一个 N*N 的网格.每个格子里至少会有一个捕鼠器, 并且已知每个格子里的捕鼠器个数.现在需要在 每一行 中选取恰好 K 个连续的格子, 把里面的捕鼠 ...

  6. UDP发送数据测试

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

  7. ThinkPHP 3.2.3 Pager分页

    不是很喜欢TP的分页类,因为生成的分页url感觉有点不好理解,例如访问路径xxxx/home/show.html,在模板输出分页后,例如产生了页码,页码链接的路径会变成xxxx/home/show/p ...

  8. dijkstra

    寻找从源结点到其他点之间的最短距离. 把给出的结点分成两组,一组a刚开始为空,另一组b为全部节点,dis[i]记录从源点到i结点的距离,同样当所有操作结束后dis[i]就是到达源点的最短距离啦,每次更 ...

  9. ArcGIS Viewer for Flex中引入google map作底图

    在ArcGIS Viewer for Flex开发中,经常需要用到google map作为底图,我们不能通过ArcGIS Viewer for Flex - Application Builder轻易 ...

  10. SSL协议(HTTPS) 握手、工作流程详解(双向HTTPS流程)

    原文地址:http://www.cnblogs.com/jifeng/archive/2010/11/30/1891779.html SSL协议的工作流程: 服务器认证阶段:1)客户端向服务器发送一个 ...