jQuery MiniUI

标题: calender的drawdate在动态页面下无效？ [打印本页]

作者: 纠结的逗比 时间: 2015-8-28 16:38:51 标题: calender的drawdate在动态页面下无效？

代码如下：
function onDrawDate(e){
         var date= mini.formatDate ( e.date, "yyyy-MM-dd" ) ;
         if(date == "2015-08-27"){
            e.dateStyle="background:yellow";
         }
         if(date == "2015-08-28"){
         e.dateStyle="background:pink";
         }
         if(date == "2015-08-29"){
         e.dateStyle="background:skyblue";
         }
}

在静态页面下，有效果，
但是在动态页面下就没有用了，可能是什么原因呢？有什么解决办法吗？

作者: felt 时间: 2015-8-28 17:01:37

不清楚你说的动态页面是怎么生成的
请确保calendar生成的时候调用到了这个方法

作者: 纠结的逗比 时间: 2015-8-28 17:21:55

felt 发表于 2015-8-28 17:01
不清楚你说的动态页面是怎么生成的
请确保calendar生成的时候调用到了这个方法
...

页面代码如下：
<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>家护师信息查看 </title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link src="<%=request.getContextPath()%>/css/demo.css" rel="stylesheet" type="text/javascript" />
<script src="<%=request.getContextPath()%>/js/boot.js" type="text/javascript"></script>
</head>

<body style="overflow-y: auto;padding:0px;padding-bottom:0px;border:0px solid red;position: relative;">
<form name="viewForm" id="viewForm" method="post" ajax="true" >
<div id="tabs1" class="mini-tabs" activeIndex="0" style="width:100%">
      <div title="基本信息" name="BaseInfo">
         <jsp:include page="1.jsp">
            <jsp:param value="false" name="readonly"/>
         </jsp:include>
      </div>
      <div title="状态" name="ZT">
              <div id="calendar" class="mini-calendar" showClearButton="false" ondrawdate="onDrawDate" ondateclick="onDateClick"></div>
      </div>
</div>
</form>

<script type="text/javascript">
mini.parse();
var data = <%=request.getParameter("data")%>;
var form = new mini.Form("viewForm");
SetData(data);

      function onDrawDate(e){
        debugger;
        var date= mini.formatDate ( e.date, "yyyy-MM-dd" ) ;
        debugger;
         if(date == "2015-08-28"){
            e.dateStyle="background:pink";
            }
   }
</script>
</body>
</html>

作者: 纠结的逗比 时间: 2015-8-28 17:23:31

felt 发表于 2015-8-28 17:01
不清楚你说的动态页面是怎么生成的
请确保calendar生成的时候调用到了这个方法
...

在F12里看到， e.dateStyle="background:pink"; 是执行了的，但是页面上没有显示。

作者: 纠结的逗比 时间: 2015-8-29 15:26:11

找到问题所在了~~~连的jquery.js和miniui.js的版本不对，低了~~~

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)