WdatePicker日历控件使用方法
来源:互联网 发布:2015中国汽车出口数据 编辑:程序博客网 时间:2024/06/07 01:03
一、具体用法可参考官方文档: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"> </span><span class="Notes">时间段之间隔用;隔开</span></td><script> function pickedFunc(){ if ($dp.cal.currFocus.id == "tempTime") { $dp.$('Run_times').value+=$dp.$('tempTime').value+";"; } }</script>
0 1
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- WdatePicker日历控件使用方法
- 李红霞p-27-6题
- 常见OJ评判结果对照表,作为ACMer你懂得!
- JVMTI 中的JNI系列函数,线程安全及调试技巧
- HDU 1166 敌兵布阵(单点更新)
- SGU - 302 - BHTML 1.0 (栈的应用)
- WdatePicker日历控件使用方法
- eclipse如何重命名包名
- linux 下的svn 安装
- zoj 2107 最近点对
- html5学习渐阶笔记---介绍html5
- HDU 1698 Just a Hook(区间更新)
- android乱码问题解决
- 面向对象编程其实与亚里士多德的“实体论”很相似
- 判断单链表是否有环