jq实现双日历教案,是新手们进行JavaScript实战练习时必不可少的一个练习教程,它实现的样式是帮助用户在网页上生成一个非常方便直观的日历,用户通过鼠标与日历进行互动。欢迎新手们下载使用!
内容简介:
1)js双日历选择,当结束日期大于开始日期时,文本框的颜色会变红,否则颜色正常;
2)当文本框获得焦点时显示日历;
3)日历界面默认显示在当前时间界面;
4)在日历中点击有内容的td,对应的日期值会显示在文本框中,而且日历隐藏;
5)当点击今日时,日历列表显示当前时间界面,并且今日的时间显示在文本框中,日历界面隐藏。
应用产品特性:
1)功能测到IE5,没有问题,如果真的需要兼容到IE5 样式要稍微调整下,我这里没有太注重样式问题;
2)css文件和js文件都不大,所以没有压缩代码,大家可根据需求自己编辑代码;
3)日历中年份信息是通过ajax获取的json数据,所以需要有服务器环境才可看效果,如果代码编辑器自带服务器功能(如webstorm)也可直接查看。