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. ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室（十一） 代码重构使用反射工厂解耦

    前言 自从此博客发表以及代码开源以来,得到了许多人的关注.也没许多吧,反正在我意料之外的.包括几位大牛帮我做订阅号推广,真的很感谢他们.另外,还有几个高手给我提了一些架构上的问题.其实本身这个项目是没 ...

  2. Nim游戏变种——取纽扣游戏

    (2017腾讯实习生校招笔试题)Calvin和David正在玩取纽扣游戏,桌上一共有16个纽扣,两人轮流来取纽扣,每人每次可以选择取1个或3个或6个(不允许不取),谁取完最后的纽扣谁赢.Cavin和D ...

  3. U盘安装Win7操作系统

    玩转Windows7系统镜像四部曲 Step 1: 下载Win7 ISO系统镜像 温馨提示:请您尽量选用Win7之家​提供的官方原版镜像安装,因为正版比各种所谓的"精简版.纯净版" ...

  4. nokogiri如何使用

    直接来个简单的代码实例就明白啦! require 'nokogiri' xml_data=<<XML <library> <NAME><![CDATA[Fav ...

  5. ASP.NET MVC路由配置（转载自http://www.cnblogs.com/zeusro/p/RouteConfig.html ）

    把apress.pro.asp.net.mvc.4.framework里的CHAPTER 13翻译过来罢了. XD 首先说URL的构造. 其实这个也谈不上构造,只是语法特性吧. 命名参数规范+匿名对象 ...

  6. NPOI生成单元格（列）下拉框

    客户提出能否将导入模板中,课程一列添加下拉框方便选择,不用手输入,以减少输入错误的可能性.于是在网上找了点代码,稍加整理后,形成了以下方案,代码部分: 一:生成课程列表,并放置在excel的单独she ...

  7. day6-3面向对象高阶

    面向对象是一种编程方式,此编程方式的实现是基于对 类 和 对象 的使用 类 是一个模板,模板中包装了多个“函数”供使用(可以讲多函数中公用的变量封装到对象中) 对象,根据模板创建的实例(即:对象),实 ...

  8. 51. Word Search

    Word Search Given a 2D board and a word, find if the word exists in the grid. The word can be constr ...

  9. STL之分配器allocator

    简单介绍下STL中的分配器allocators. allocators我们一般不会直接接触到,甚至可能并不清楚它的存在,简单的来说,它就是一个幕后工作者,我的印象中它的作用主要在于为容器分配一定的空间 ...

  10. gps转百度地图

    HttpResponse res=WS.url(mapUrl+"/ag/coord/convert?from=0&to=4&x="+longitude+" ...