天天看点

my97日期控件

      Hello  好久没写博客了,那是因为我最近比较忙,所以就偷懒了,但是我也得到了教训就是我在家里的时候突然发现我要作的一个东西原先做过,或者是有现成的例子,但是呢代码又放到公司,所以就恨悲剧了。。。。。

还是老老实实写博客,记录下来。呵呵!

      最近发现日期控件my97 蛮好用,基本上可以满足我们大家的需求了,但是还有个很强大的功能呵呵,先看看效果,写博客不为别的只当是给自己做一个记录,下次碰到的时候可以直接拿来用。

      实现的效果:

my97日期控件

       实现的业务很简单就是 结束日期要比开始日期晚,我觉得这种用户体验肯定是最好的(受不了alert框了)。

       代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> my日期控制 </TITLE>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script src="./calendar/WdatePicker.js"></script>
  <script>
       function pickerMaxDate(id)
		{
			WdatePicker({maxDate:'#F{$dp.$D(\''+id +'\')}'})
		};

		function pickerMinDate(id)
		{
			WdatePicker({minDate:'#F{$dp.$D(\''+id +'\')}'})
		};
  </script>

 </HEAD>

 <BODY>
     开始日期:<input οnclick="WdatePicker()" id="beigenDate" οnfοcus="pickerMaxDate('endDate')"/>
	 结束日期:<input οnclick="WdatePicker()" id="endDate" οnfοcus="pickerMinDate('beigenDate')"/>
 </BODY>
</HTML>
           

 代码是不是很简单,顺便附带一下dome 。