码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript做的一个日历

时间:2014-12-03 21:00:19      阅读:355      评论:0      收藏:0      [点我收藏+]

标签:blog   http   ar   java   on   文件   数据   2014   log   

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

bubuko.com,布布扣

核心内容就是三个部分,公历部分--->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做的一个日历

标签:blog   http   ar   java   on   文件   数据   2014   log   

原文地址:http://www.cnblogs.com/ckzhou/p/4141096.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!