easyUI datebox 日期只显示年月及年月日切换的实现 js样式重新渲染加载 | 您所在的位置:网站首页 › easyui日期控件 › easyUI datebox 日期只显示年月及年月日切换的实现 js样式重新渲染加载 |
记录一下,最近的做的一个功能,需要在easyUI的日期框datebox 中,只显示年月格式,同时,还需要切换到年月日的格式 第一步:如何显示年月日,默认当前一天 如下代码是:报表日期及时间选择框 报表日期:$(document).ready(function() { //设置时间不可手动输入或者删除 $('#start_time').datebox({ editable:false }); //先设置时间 var curDate = getServerTime(); var preDate = new Date(curDate.getTime() - 24*60*60*1000); //前一天 var dateStr = myformatter(preDate); $("#start_time").datebox("setValue", dateStr); }); //获取服务器上的时间,而非用户浏览器端的时间 function getServerTime(){ return new Date($.ajax({async: false}).getResponseHeader("Date")); } //格式化时间 function myformatter(date){ var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); return y+'-'+(m9){ db.datebox('hidePanel').datebox('setValue', now.getFullYear() + '-' + (now.getMonth() + 1)); }else{ db.datebox('hidePanel').datebox('setValue', now.getFullYear() + '-0' + (now.getMonth() + 1)); } }); } }
切换到显示年月日时间类型时,重新HTML内容。 function chooseDay(){ $("#reportdate_box").text(""); var newdatebox =''; $("#reportdate_box").html(newdatebox); //重新加载easyUI样式 $.parser.parse('#reportdate_box') setTime(); //先设置时间 fillAllData(); }
|
CopyRight 2018-2019 实验室设备网 版权所有 |