简单版的就是不用那么繁琐的去用switch一个月一个月的把天数相加,这里运用的是JS对象的日期对象的方法。
大致的实现原理,就是用需要计算的那天减去当年的第一天,得出差值,进行相关的计算得到答案。

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>document</title>
</head><style>#textarea{margin-top: 10px;width: 300px;height: 50px;}</style>
<body><input type="text" id="year"><label for="">年</label><input type="text" id="month"><label for="">月</label><input type="text" id="day"><label for="">日</label><input type="submit" value="计算" id="jisuan"><br><input type="textarea" value="一年中的第几天" id="textarea">
</body><script>var oyear = document.getElementById('year');var omonth = document.getElementById('month');var oday = document.getElementById('day');var ojisuan = document.getElementById('jisuan');var otextarea = document.getElementById('textarea');ojisuan.onclick = function () {var y= oyear.value;var m= omonth.value;var d= oday.value;// 年月日的格式,中间需要有一个空格var str1 = y+" "+m+" "+d;// 一年当中的第一天var str2 = y+" "+1+" "+1;var date1 = new Date(str1); var date2 = new Date(str2);     var d = date1-date2;var d = (date1-date2)/1000/60/60/24+1;otextarea.value = "一年中的第"+d+"天";}</script>
</html>

这里需要注意的是,换算过后,需要加上一开始被减掉的那一天,才能得到正确答案哦。
同样的,
例如:我自己在Chrome浏览器上试了2010年3月14日是2010年中的第几天,答案是73天。

ok,简单版完成了,啦啦啦~周末愉快哦。

简单版---JS获得某天是一年当中的第几天相关推荐

  1. 复杂版---JS获得某天是一年当中的第几天

    说是复杂版,那是相对的说法,其实也不是很复杂,哈哈,不要被吓退哦,用到的知识点主要是switch循环.如果switch条件里的a的值与case的值相等,那么就执行相等的case后面的代码. 如果cas ...

  2. 【干货】JS版汉字与拼音互转终极方案,附简单的JS拼音输入法

    转自:小茗同学的博客:小茗同学博客 网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼 ...

  3. 基于Canvas的js简单版接元宝游戏

    本游戏是基于canvas的简单版接元宝游戏v1.0.0版本,往后还会进一步完善,游戏代码git地址:https://github.com/luqiren/Canvas.git 里面的gold_v1.0 ...

  4. node+express项目链接MySQL数据库(最简单版)

    node+express项目链接MySQL数据库(最简单版) (假定你node+express项目已创建完成,可参照这里) 第一步.安装mysql驱动 npm install mysql --save ...

  5. HTML+CSS基础知识简单版

    HTML+CSS基础知识简单版 一.HTML概述 HTML:超文本标记语言,其实就是用来开发网页的一门语言: CSS:层叠样式表,可以用于渲染网页.美化网页.做网页. 1.HTML介绍 HTML:超文 ...

  6. 微信小程序实现Tab选项卡(极简单版)

    一言不合上来就是wxml的代码喔 好啦,如果没有基础的同学,建议撸一遍文档,或者去看书把简单的知识串起来.这里我要说的是block这个标签,block这个标签并不是一个组件,它只是一个包装元素,不会在 ...

  7. Android——最简单的 JS H5 交互

    安卓 与 Web JS 交互的操作,其实网上一搜,教程案例都已经满大街了,但GT库还是向 Web JS 交互出手了,要问为啥,因为博主是个懒鬼,不想写太多代码,其实我们都知道 原版的WebView 是 ...

  8. SpringBoot 整合Spring Security(简单版)

    1 写在前面 关于spring security的介绍,网上一大堆,这里就不介绍了,这里直接使用springboot开始整合 2 整个流程 spring security授权和认证的流程大致和shir ...

  9. python爬虫:关于解决request.get和点击查看网页源代码的内容不同的问题//及大神版js加密参数获取教程指路

    首先声明:爬虫小白,虽然爬过几个网站,但是知识几乎都是实践中获取,如果以下说的不对的,请多指正,谢谢!谨此给和我一样的小白提供一个解题思路! 目录 问题背景 菜鸡版解决方案 大神版js加密参数获取教程 ...

最新文章

  1. python 检验数据正态分布程度_python 实现检验33品种数据是否是正态分布
  2. pytorch和jittor 程序对比
  3. 推荐 9 个 爱不释手的 JSON 工具!
  4. 学习Python的几个必要条件,你具备吗?
  5. iOS 推送手机消息背后的技术
  6. 电大计算机网考上机操作题,电大计算机上机考试模拟题及答案 (1)
  7. python 字符串 变量_检查变量是否为字符串的Python程序
  8. 内存中的栈空间与堆空间
  9. directx最终用户运行时_WSL将支持GPU计算,并可运行Linux GUI应用
  10. 微软发布关于 Surface Pro 3 TPM 绕过漏洞的安全公告
  11. cocos2d-x学习之旅(九): 2.2 盘古开天辟地,进入游戏世界
  12. 5款Windows 界面原型设计工具
  13. IDEA 2019 激活码(注册码)
  14. 设计师如何吸引用户注意力?
  15. 重庆赛区ACM热身赛 8526. 小埋的烦恼
  16. 域名反查、权重查询以及ICP备案查询——ipInfoSearch
  17. Python—基于Flask框架调用百度接口实现语音识别功能
  18. AutoHotkey实现大部分窗口隐藏标题栏,顺便透明些
  19. 小朵机器人安卓叫什么_小朵智能机器人app最新官网版
  20. 深入理解帕累托与多目标优化相关理论

热门文章

  1. xcode--常用快捷键
  2. Java面向对象——基础2 封装、继承、多态
  3. java 标识符命名规则_java语言基础之标识符和命名规则详解
  4. 集合中的实体类根据一个字段合并_JAVA中序列化与反序列化
  5. Oracle统计信息中的Pending Statistics
  6. 2020年9月国产数据库流行度排行:阿里腾讯花开两朵 TiDB和达梦逐浪潮头
  7. 记录一次数据同步到数据仓库的架构与实践
  8. 错过血亏!深入学习Redis集群搭建方案及实现原理
  9. “动态规划”这词太吓人,其实可以叫“状态缓存”
  10. 看故事学Redis:再不懂,我怀疑你是假个开发