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. python requests库入门［转］

    首先,确认一下: Requests 已安装 Requests是 最新的 让我们从一些简单的示例开始吧. 发送请求 使用Requests发送网络请求非常简单. 一开始要导入Requests模块: > ...

  2. Django中ImageField的使用

    http://blog.csdn.net/u013690521/article/details/38777213 from django.db import models from django.co ...

  3. android的ArrayMap类

    运行的时候出现: java.lang.NoClassDefFoundError: android.util.ArrayMap http://stackoverflow.com/questions/24 ...

  4. sqlserver 跨服务器访问数据

    需求:两个一模一样的表,分别分布在两个服务器的数据库上,现在要在一个表中,查看这两个表的内容,并让Id排序 1:在本地数据库查询分析器中,运行以下两段语句: --创建链接服务器 exec sp_add ...

  5. Angular1.x组件通讯方式总结

    Angular1开发模式 这里需要将Angular1分为Angular1.5之前和Angular1.5两个不同的阶段来讲,两者虽然同属Angular1,但是在开发模式上还是有较大区别的.在Angula ...

  6. 安装thrift全过程

    为了研究基于thrift的RPC框架,其实,是想自己基于thrift写一个微服务的platform.首先就是安装Thrift,便于IDL架构生成java的接口文件.多的不说了,开始install的过程 ...

  7. 【Linux】浅谈I/O模型

    关于I/O模型的引出 我们都知道,为了OS的安全性等的考虑,进程是无法直接操作I/O设备的,其必须通过系统调用请求内核来协助完成I/O动作,而内核会为每个I/O设备维护一个buffer. 如下图所示: ...

  8. Linux给指定用户或全部用户（已登录）发送消息

    在局域网络内很多时候是许多人共用一些机器,但如果多个人同时在使用同一台机器必定会发生一些冲突,比如系统的某些配置被修改,这样引起一些麻烦.那么如果在使用该机器之前,先给登录到该机器的所有其他用户发送一 ...

  9. Lambda表达式的演化，委托-匿名方法-Func-Lambda

    匿名方法 很多时候委托接收的方法是一次性的或者方法体是非常简单的... 例三: 我们可以写成: 有没有发现我们每次都要定义委托,很多时候签名可能是一样的.这样就没有必要定义重复的. 然后又过了很久很久 ...

  10. MySQL-（Master-Slave）配置

    1.两台机器,安装好版本一致的MySQL 192.168.29.128 (master) MySQL-5.6.21 192.168.29.129 (slave) MySQL-5.6.21 2.配置ma ...