WdatePicker日曆控制項使用方法，wdatepicker日曆控制項

WdatePicker日曆控制項使用方法，wdatepicker日曆控制項

一、具體用法可參考官方文檔：http://www.my97.net/dp/demo/resource/main.asp

二、工作中的例子：
1、日期選擇後，時間自動填滿為目前時間

代碼：

<input class="texts one Wdate"id="StartTime_date" name="StartTime_date"  value="${task.startTime_date}"onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:true,readOnly:true,maxDate:'#F{$dp.$D(\'StopTime_date\')}',onpicked:pickedFunc})" /> <script>     function pickedFunc(){        var updateFlag = $.trim($("input[name='updateFlag']").val());//頁面修改操作        if ($dp.cal.currFocus.id == "StartTime_date") {            $dp.$('StartTime_date').value=$dp.cal.getP('y')+"-"+$dp.cal.getP('M')+"-"+$dp.cal.getP('d');            if (updateFlag == "false") {// 只有添加操作才實行聯動，時間自動填滿為目前時間                $dp.$('StartTime_hour').value=$dp.cal.date.H;                $dp.$('StartTime_second').value=$dp.cal.date.m;            }        }    }</script>

2、選擇時間段，一次選擇多個時間
實現方式：做一個hidden的input，每次將值加到要顯示的input框中。

<td class="t">特定時間段：</td><td><input id="Run_times" class="texts" name="Run_times"  value="${task.run_times}" onclick="$('#wdateimg').click();"/><input id="tempTime" type="hidden"/><span class="t" style="padding-top:5px"><img id="wdateimg"     onclick="WdatePicker({el:'tempTime',dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false,    readOnly:false,minDate:'#F{$dp.$D(\'Run_times\')}',onpicked:pickedFunc})"    src="${webRoot}/js/datePicker/skin/datePicker.gif" width="16" height="22"></span><span class="Type">&nbsp;</span><span class="Notes">時間段之間隔用;隔開</span></td><script>     function pickedFunc(){        if ($dp.cal.currFocus.id == "tempTime") {             $dp.$('Run_times').value+=$dp.$('tempTime').value+";";        }    }</script>