将easyui中日期控件(easyui-datebox)的日期格式化为指定格式

最新推荐文章于 2020-08-10 14:46:47 发布

fu_code

最新推荐文章于 2020-08-10 14:46:47 发布

阅读量835

点赞数

分类专栏：笔记文章标签： easyui javascript

本文链接：https://blog.csdn.net/fu_com/article/details/105050699

版权

笔记专栏收录该内容

3 篇文章 1 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8"%>
<%request.setCharacterEncoding("UTF-8");%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<jsp:include page="../../../common/commonInclude.jsp"></jsp:include>
 <title>Echarts的使用</title>
 <script type="text/javascript" src="${pageContext.request.contextPath}/jquery/HighCharts/js/echarts.js"></script>
</head>
<body>
<div id="queryDiv" class="easyui-panel" title="查询" style="padding:10px;background:#fafafa;overflow: hidden;" data-options="collapsible:true,closable:false">
 <table style="margin:0 auto;">
 <tr>
      <td width="100" align="right">日期范围：</td>
      <td  align="left">
       <input id="rq1"  name="rq1" class="easyui-datebox" size=16/>
       到
       <input id="rq2"  name="rq2" class="easyui-datebox" size=16/>
      </td>
 </tr>
 </table>   
</div>
 <script type="text/javascript">
//时间格式处理,格式化时间为yyyy-MM-dd格式
function myformatter(date)
{
   var year=date.getFullYear();
   var month=date.getMonth()+1;
   var day=date.getDate();
      month=month<10 ? '0'+month : month;
   day=day<10 ? '0'+day : day;
   return year+"-"+month+"-"+day;
}
//解析yyyy-MM-dd数据
function myparser(s)
{ 
 if(!s)
    return new Date();
    var ss=(s.split('-'));
    var y=parseInt(ss[0],10);
    var m=parseInt(ss[1],10);
    var d=parseInt(ss[2],10);
    if(!isNaN(y)&&!isNaN(m)&&!isNaN(d))
     return new Date(y,m-1,d);
    else
     return new Date();
}
$(document).ready(function() {  
 //初始化日期控件
  $("#rq1").datebox({
            formatter:myformatter,
      parser:myparser,
      onSelect:function(date)
      {
       $("#rq1").val(date);
      } 
     }
    );
  $("#rq2").datebox({
         formatter:myformatter,
    parser:myparser,
    onSelect:function(date)
    {
     $("#rq2").val(date);
    } 
   }
  );
});
 </script>
</body>
</html>

fu_code

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
将easyui中日期控件(easyui-datebox)的日期格式化为指定格式

<%@ page contentType="text/html;charset=UTF-8"%><%request.setCharacterEncoding("UTF-8");%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!DOCTYPE html PUBLIC "...
复制链接

扫一扫