日曆js外掛程式

標籤：style   http   color   java   使用   檔案   art   ar   

       因為做了一個培訓管理模組，要有一個開始與結束培訓時間。時間日期如果個使用者手動輸入的話，即使你要求了時間格式，但是使用者可能還是會輸錯時間格式。所以想想，還是找了一個js日曆外掛程式。下面來介紹下我自己用的一點經驗吧。

     第一步。先下載下來吧。地址：http://www.my97.net/dp/down/My97DatePickerBeta.zip

             下載下來你會看到一個示範頁面和一個js檔案夾。在示範頁面中，講解還是很清楚的，這個非常感謝前人啊。從頁面介紹中不難發現該日曆外掛程式一直在更新，修正一些bug，也建議使用最新版本，此時我用的也是最新版本的。

　　　　 示範頁面講解很多，但是我們要用的只是第一二行的代碼。如下：

　　　　　　<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

　　　　　　<input class="Wdate" type="text" onClick="WdatePicker()">

            把該代碼放到你需要日曆的地方。注意修改js的指向路勁，修改為你自己的調用路徑。js檔案夾"My97DatePicker"你如果覺得長可以進行修改，但是不要修改該檔案夾裡的檔案名稱。

  第二步。按實際需求進行修改。

　　　　下載的示範頁面日期是不含時分秒的日期，而如果需要，則可以通過配置來修改了。如：

　　　　　　<script language="javascript" type="text/javascript" src="__PUBLIC__/calendar/WdatePicker.js"></script>
　　　　　　<input class="Wdate" type="text" onClick="WdatePicker({startDate:‘%y-%M-01 00:00:00‘,dateFmt:‘yyyy-MM-dd HH:mm:ss‘,alwaysUseStartDate:true})">

　　　　　　加入紅色標記一段，就能顯示yyyy-MM-dd HH:mm:ss 的時間格式時間。具體其它可以參考：

           　　　　http://www.my97.net/dp/demo/index.htm

   第三步。清除不需要檔案，進行瘦身。

            “My97DatePicker”檔案夾中包含也多語言，以及皮膚設定等。如果我不需要這些，那麼我就能去掉它。我就把lang語言套件和開發包去掉了。skin是皮膚樣式包，原本是去掉了，後來覺得不好看，又加上了。好了，js日曆外掛程式就講完了。