JS日期时间选择控件升级版(自编)

针对网上发现的几个日期选择程序存在的一些问题，我开始重写一个程序，大部分都是借鉴了之前的代码，增加了时间选择的功能，隐藏了会屏蔽控件的tag select这个对象。起初，我想使用window.createPopup()来弹出日历的选择，这样我就可以跨越任何标签。然而，中途发现使用createPopup窗口在理论上是不可行的。首先，如果您不单击表单中的任何位置，窗口将会关闭，但是当您使用下拉框选择年份时，您可能会单击表单之外的某个位置。当然这可以通过自己写select来避免，但是比较麻烦。第二，表单的宽度和高度只能在弹出时设置，但很明显，当选择不同的年份时，控件的高度会发生变化。鉴于以上原因，我决定采用普通的治疗方法。

Calendar.js:的复制代码如下： /** *这个日历选择控件是天网根据之前的经验完善的。大部分代码来自meizz的日历控件。*天网新增了时间选择功能、选择、对象标签隐藏功能等小功能。*用法：* (1)只选择日期输入类型=' text ' name=' date ' readonly onclick=' set day(this)；'* (2)选择日期和小时输入类型=' text ' name=' dateh ' readonly onclick=' setday(this)；'* (3)选择日期、小时和分钟输入类型=' text ' name=' datehm ' readonly onclick=' setdayhm(this)；'*设置参数的方法* (1)设置日期分隔符setdateplit(strSplit)；默认情况下，将日期和时间之间的分隔符设置为'-' *(2)；默认情况下，为' ' * (3)设置时间分隔符setTimeSplit(strSplit)；默认情况下，在(1)、(2)和(3)中为“:”*(4)设置分隔符set split(strdatatesplit、strdatetimesplit、strrtimesplit)；* (5)设置起始年和终止年setYearPeriod(intDateBeg，IntDateEnd) *说明：*默认返回的日期和时间格式如下：2005-02-02 08:08 */////-Style定义。font-size :9 pt；颜色：白色；border:0固体# CCCCCC；光标：手；背景-颜色： # 2650 a6；//button var s _ Tian net _ turn=' width :28 px；s _ tiannet _ turn _ base//关闭和清除var s _ tiannet _ turn 2=' width :22 px；s _ tiannet _ turn _ base//选择下拉框var s _ Tian net _ select=' width :64 px；display:none；//月、小时、分钟选择下拉框var s _ Tian net _ select 2=' width :46 px；display:none；//date选择控件主体var s _ tiannet _ body=' width :150；背景-颜色： # 2650 a6；display:nonez-index :9998；位置：绝对；' '左边框：1实心# CCCCCC；边界-top:1固体# CCCCCC；border-right :1 solid # 999999；边框-底部：1实心# 999999；//显示当天td的样式var s _ Tian net _ day=' width :21 px；高度：20 px；背景-color : # d8f 0fc；font-size :10 pt；//字体样式var s_tiannet_font='color3336。