My97DatePicker 默认加载时间在时间选择框显示方法
2017-06-27 17:27
260 查看
时间选择框:
js方法:
我们可以用js方法通过ID对时间进行填充(其他属性也可),例子中我们填充的是最近七天的日期,效果图如下:
开始:<input type="text" id="beginUp" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',minDate:'2013-01-01',maxDate:'%y-%M-%(d-1)'})" class="Wdate"/> 截止:<input type="text" id="endUp" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd',minDate:'2013-01-01',maxDate:'%y-%M-%(d-1)'})" class="Wdate"/>
js方法:
$(function() { $(document).ready(function() { var aDate = GetDateStr(-8); var enDate = GetDateStr(-1); $("#beginUp").val(aDate ); //关键语句 $("#endUp").val(enDate ); //关键语句 showPCPicture(aDate,enDate); }); }); function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天 //后的日期 var y = dd.getFullYear(); var m = dd.getMonth()+1;//获取当前月份的日期 var d = dd.getDate(); return y+"-"+m+"-"+d; }
我们可以用js方法通过ID对时间进行填充(其他属性也可),例子中我们填充的是最近七天的日期,效果图如下:
相关文章推荐
- img 加载网络图片失败 显示默认图片的方法
- Flex中Image加载图片出错时显示默认图片的几种方法
- 时间操作(JavaScript版)—年月日三级级联(默认依次显示请选择年、请选择月和请选择日)
- My97DatePicker显示时间控件的使用方法
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- angularjs select 选择默认显示空白以及第一行空白的解决方法
- Flex中Image加载图片出错时显示默认图片的几种方法
- 双系统下,默认启动菜单等待选择时间置为0S后的恢复方法
- Ext3.0选择时间只显示年月选项的方法
- my97datepicker控件 JSP页面打开默认显示系统当前时间
- 关于时间的操作(JavaScript版)——年月日三级级联(默认依次显示请选择年、请选择月和请选择日)
- Zabbix2.2.4 语言选择默认不显示Chinese(zh_CN)的解决方法
- [置顶] 如何判断程序加载时间 方法 运行时间
- 选择后显示不同的颜色和图片的方法
- JavaScript在浏览器标题栏上显示当前日期和时间的方法
- 1、怎样设置C#OpenFileDialog(文件选择窗体)的指定路径、文件格式等属性(设置打开默认路径、文件格式、窗体显示文本)
- springmvc+mybatis显示正确的日期时间的方法
- ecshop网页加载waiting(TTFB)时间过长的解决方法
- Jquery+ashx当把鼠标放到每篇文章时,自动显示该文章的缩略内容( 图片)的异步加载方法