日期:2014-05-16  浏览次数:20303 次

简单的Javascript日历源代码

苦于开发中使用时间的输入问题的解决,在网上借鉴了好多朋友的Javascript的日历,使用起来,效果不是太好(主要就是显示的问题,老是在应用的过程中,不是出现滚动条,就是突然大了一块)。自己琢磨着是否可以自己来弄一个,自己清楚。
我看到网上那些日历的源代码中,使用了一个iframe的标签,我不知道这个标签的作用,也搞不懂,没有使用。
由于这段时间的CSS的学习,我知道了一个标签“DIV”。它似乎可以担当起java中那种没有标题栏的窗口,但是操作上复杂的多,没有用Java来得快。多的不说了,就说我的思路。
这是在浏览器中效果:

IE6中效果:

Firefox效果:

IE7中的运行结果显示的十分正常,但是在IE6中却有些遗憾,主要就是z-index似乎在IE6中不起作用,有些文本框都跑到了日历上边,这个问题我还没有办法解决,只能靠大家来一块了。Firefox中虽没有IE6中的问题,但是top或是left的问题老是给我一个“分析属性‘***’值时出错。声明被丢弃”的错误,显示位置偏移的厉害,总的界面就如上边三个图所示。
ID介绍:
Id=calendar主要负责这个页面的放置,也是隐藏或是显示的控制对象。当文本获得焦点时,修改CSS脚本中display;当选择日期以后,则让其显示为none
Id=header主要负责日期操作元素的放置,日期初始为系统日期。