客户端链接的动态日期框

分享于 

3分钟阅读

Web开发

  繁體 雙語

介绍

作为一个经常处理后端的web开发人员,我知道它处理日期的痛苦是什么。 SQL Server 已经作为美国地区安装,你的一些客户已经将它的地区设置为英国或者反之亦然。 if端验证是一个问题,但更喜欢这样的代码,更多情况下我都会编写一个定制的版本来为每个项目编写一个定制版本。 我接受了这一点,所以我决定编写一个很好的通用脚本来处理日期框。 我总是首选日期作为下拉框,只是因为我认为它们更适合单个文本框或者三个单独的框。 总之,足够了,时间来看看它是如何使用的。

这个脚本的思想总是使用速度,如果可以实现一组日期框,可以验证,也可以不需要验证,那么我可以节省大量的时间来编写更复杂的代码。 那你怎么用它? 简单:

<P><FORMname=fDate action=dateBoxes.html method=post><TABLE><TR><TD>Date:</TD><TD><SELECTname=dDay></SELECT><SELECTname=dMonth></SELECT><SELECTname=dYear></SELECT></TD></TR><TR><TDcolSpan=2><INPUTid=submit1 type=submit value=go name=submit1></TD></TR></TABLE></FORM><SCRIPTsrc="cBoxes.js"></SCRIPT><SCRIPT>var d1 = new dateObj(document.fDate.dDay, 
 document.fDate.dMonth, document.fDate.dYear);
initDates(1900, 2002, 1981, 4, 26, d1);</SCRIPT></P>

如你所见,实现非常简单。 让我来解释一下 initDates 函数。 这里函数的Prototype为: initDates(firstYear, lastYear, selectedYear, selectedMonth, selectedDay, dateObject)

  • firstYear 是将出现在 year box中的最早的年份。
  • lastYear 是将出现在 year box中的最新年份。
  • selectedYear 是当前选定年份的( funnily足够了)。
  • selectedMonth 是当前选定的月份。
  • selectedDay 是当前选定的日期。
  • dateObject 是表示日期框的自定义对象。

那就是它的全部。 我不会考虑脚本的工作方式,因为源代码是非常自行解释的。 欢迎所有建议和建设性的批评。 enjoy!

请注意,这里脚本当前只是 IE,尽管网格 6.2也可以能正常工作。 如果有人将这里脚本转换为使用 Netscape,那么请让我知道。


动态  SID  BOX  日期  link  
相关文章