天天看點

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 。