easyUI datebox 日期只显示年月及年月日切换的实现 js样式重新渲染加载 您所在的位置:网站首页 easyui日期控件 easyUI datebox 日期只显示年月及年月日切换的实现 js样式重新渲染加载

easyUI datebox 日期只显示年月及年月日切换的实现 js样式重新渲染加载

2023-08-25 02:07| 来源: 网络整理| 查看: 265

记录一下,最近的做的一个功能,需要在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 实验室设备网 版权所有