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. sqlserver开窗函数

    从 http://jimshu.blog.51cto.com/3171847/1376637/ 转 开窗函数是在 ISO 标准中定义的.SQL Server 提供排名开窗函数和聚合开窗函数. 在开窗函 ...

  2. SocketTcpServer

    自定义SocketTcpServer,虽然现在有很多这样的组件,但是有时候还是需要把它集成在你的框架或者产品中,不需要特别强大的功能,根据需求定制.最基本的一个问题是判断数据包的结束,没有像super ...

  3. 初识WebSocket协议

    1.什么是WebSocket协议 RFC6455文档的表述如下: The WebSocket Protocol enables two-way communication between a clie ...

  4. [solr] - Facet

    Solr facet使用于分类统计,是最好的工具.下面例子使用facet将可模拟查询搜索出租房信息. 1.在schema.xml中的内容如下: <?xml version="1.0&q ...

  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. HttpRequest.UserAgent 属性 (System.Web)

    获取客户端浏览器的原始用户代理信息.

  7. REST风格URL

    以前就是觉得 /nowamagic/article/article_id 这样的地址非常的漂亮,但是那只是表象罢了,了解深入以后,发现必须有一个客户端的Ajax Engine和Server端的服务配合 ...

  8. “请运行Chkdsk工具”怎么解决

    今天重新系统,想从移动硬盘中拷贝数据,但是老是提示:“请运行Chkdsk工具” 于是在百度搜索一下,有人提供的解决方案很不错,在些引用一下,以备忘! 电脑上经常遇到这样的提示“某某某文件已损坏且无法读 ...

  9. EventBus的一个bug？？

    今天遇到了一个很奇怪的问题,activity A打开B,A和B中都注册了eventbus,都会接一个list的参数,当然两个list的参数不同,居然会报一个异常,A中List的参数会变成B的类型,错误 ...

  10. jQuery最佳编程实践

    加载jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址. <script t ...