JavaScript做的一个日历

摘要:
小米手机上的日历看起来不错,所以我尝试用javascript来做,如图所示:核心内容是三部分,公历部分--˃脚本。js,农历部分--˃农历。js和天气部分--˃weather js。虽然在日历中添加天气似乎不合适,但我还是把它作为练习来写。剧本Js主要用于在表上填写日期信息并绑定一些事件处理程序。它基本上是一个日历对象。具体的过程是先得到当天和当月的天数,这样当月的公历日期信息就完整了,最后一个月和下一个月的公日历信息也随之而来。

小米手机上的日历看着不错,就用javascript试着做了一下,如图:

JavaScript做的一个日历第1张

核心内容就是三个部分,公历部分--->script.js,农历部分--->lunar.js,天气部分--->weather.js,尽管日历上加个天气好像看起来不那么恰当,但本来就是练习,就顺便写了。

script.js主要在表格上填写日期信息以及绑定一些事件处理程序,基本上就是一个calendar对象,具体过程就是先得到当天的星期和本月的天数,这样当月的公历日期信息就完整了,而上月和下月的公历信息也跟着出来了。

lunar.js以公历的年月日信息为输入参数,计算出对应的农历日期,关于农历日期的计算,参照的是网上的查表法,表中包含了1900-2049这50年的信息,具体就是先计算出当天距离农历1900.1.1这天的总天数,然后再根据这个数推算出当天的农历日期

weather.js用来获取天气信息,数据来源是中国天气网的接口,这些接口有返回json数据的,也有返回xml数据的,需要用Ajax获取资源再进行解析,但是由于浏览器的同源策略ajax不能跨域,所以就用了getWeather.php来获取json数据,此外查询天气需要对应的城市代码,这个天气网上也有数据,写了一个python文件把这些城市代码给抓取了下来。

具体源代码在这里:https://github.com/ckzhou/MIUI-Calendar

免责声明:文章转载自《JavaScript做的一个日历》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇几个开放的网络直播流地址C# 调用带参数EXE文件及带启动参数EXE制作下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

微信小程序开发实战-天气小程序

园龄6年8个月了,还一篇文章都没写过,惭愧! 最近周末做了个天气预报小程序,在这里整理一下开发过程和注意点,给对小程序开发感兴趣的伙伴们提供点参考。 废话不多说,先上图最终效果: 下面进入正文: 第一步  准备 0. 把微信小程序开发文档过一遍。https://developers.weixin.qq.com/miniprogram/dev/framew...

Android之基于小米天气的天气源库

大概去年的这个时候,有跟大家分享简洁天气这个应用。 该应用一開始使用的是中国天气网的数据,可是,由于须要反复多次请求server获取信息才干满足我们的需求,因此。后来我偷偷的将天气源更换成“知趣天气”的server(如有冒犯,请谅解,本人仅仅是用作学习交流)。由于该server将我们须要的天气数据又一次处理了一下。包含当前天气信息、未来6天的预报以及空气...

爬取高德天气所有城市的天气

1、打开网站:https://www.amap.com/ 2、按F12进入开发者界面,如下图 3、点击Network--XHR--刷新,如下图 4、找到存放天气的文件 如何获取图中adcode,因为adcode为获取每个城市天气的标识。 ①复制adcode在上个图中的左下方文件中的Preview找到对应城市的adcode ②上图文件数据格式是j...

[安卓网络入门] 获取天气

实验要求 本次实验,通过调用http://www.weather.com.cn/data/sk/101010100.html制作天气查询的app。 实验过程 我是利用了okhttp这个第三方库,通过post请求,向上面的天气查询接口查询信息, 然后返回的结果,通过handler送到ui线程。因为安卓不允许无关线程修改ui界面。 对于json字符串的解析,可...

聚合数据全国天气预报api接口

查询天气预报在APP中常用的一个常用功能,聚合数据全国天气预报api接口可以根据根据城市名/id查询天气、根据IP查询天气、据GPS坐标查询天气、查询城市天气三小时预报,并且支持全国不同城市天气预报查询。全国天气预报API:https://www.juhe.cn/docs/api/id/391.首先登录聚合数据,在API列表中找到全国天气预报api接口:...

微信查询火星天气

最近,美国宇航局(NASA)新建了一个火星天气网站,该网站将播报火星每日(火星日,Sol)天气报告,其中包括由目前驻扎在火星赤道附近的美国宇航局宇宙飞船Insight Lander收集的温度、气压和风速。该工具是由美国宇航局位于加州帕萨迪纳市的喷气推进实验室与康奈尔大学和西班牙天体生物学中心合作开发的。 官方网站在这 https://mars.nasa.g...