mini-datepicker左右、上下滚动条问题 - jQuery MiniUI

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<%@taglib uri="/WEB-INF/struts-logic" prefix="logic"%>
<%@taglib uri="/WEB-INF/struts-html" prefix="html"%>
<%@taglib uri="/WEB-INF/struts-bean" prefix="bean"%>
<%@taglib uri="/WEB-INF/struts-tiles" prefix="tiles"%>
<%@page contentType="text/html; charset=utf-8"%>
<%
String context = request.getContextPath();
%>
<head>
<title>房产土地税源管理系统</title>
<link rel="stylesheet"
href="<%=context%>/scripts/mini/themes/default/miniui.css" />
<link rel="stylesheet"
href="<%=context%>/scripts/mini/themes/icons.css" />
<link rel="stylesheet"
href="<%=context%>/scripts/mini/themes/default/plugin.css" />
<link rel="stylesheet"
href="<%=context%>/style/style_sygl.css" />
<script src="<%=context%>/scripts/base/jquery-1.6.2.min.js"></script>
<script src="<%=context%>/scripts/mini/mini-min.js"></script>
<script language="JavaScript"
src="<%=context%>/scripts/common/dateUtil.js"></script>
<script language="JavaScript"
src="<%=context%>/scripts/sygl/sygl.js"></script>
</head>
<body>
<div style="padding: 5px">
您所在的位置：房产土地税源管理系统-->首页
</div>
<div class="mini-fit">
<div class="mini-splitter " vertical="true" allowResize="false"
style="width: 100%; height: 100%;">
<div size="95px" showCollapseButton="true" id="form1">
<table border="0" cellpadding="0" cellspacing="0"
style="width: 100%;table-layout: fixed;" class="searchtab">
<tr>
<th>
纳税人识别号：
</th>
<td>
<input name="taxpayerNo" id="taxpayerNo" class="mini-textbox"
onkeyup="checkTaxpayer(this)" style="width: 92%;" />
</td>
<th>
办理事项：
</th>
<td >
<input id="itemCode" class="mini-combobox" style="width: 92%;"
textfield="name" valuefield="id" url="/gainCommonData.do?method=gainItemCode"
shownullitem="false" emptytext="-请选择-" />
</td>
</tr>
<tr>
<th>
产生时间：
</th>
<td>
<input class="mini-datepicker" name="genernateDateBegin" id="genernateDateBegin" style="width: 41%;"/>
至
<input class="mini-datepicker" name="genernateDateEnd" id="genernateDateEnd" style="width: 41%;"/>
</td>
<th>
任务状态：
</th>
<td>
<input id="status" class="mini-combobox" style="width: 92%;" valueFromSelect="true"
textfield="name" valuefield="id" data="[{name: '全部',id: ''},{name: '待处理',id: '0'},{name: '已处理',id: '1'}]"
shownullitem="false" emptytext="待处理" />
</td>
</tr>
<tr>
<td colspan="4" align="center" class="searchtab_but">
<span> <a
class="mini-button" id="button" iconcls="icon-search"
onclick="query()">查询</a> </span>
<a class="mini-button" id="button1" iconcls="icon-reload"
onclick="reset()">重置</a>
</td>
</tr>
</table>
</div>
<div>
<div>
<table width="98%" height="15px" align="center">
<tr>
<td width="50%">
</td>
</tr>
</table>
</div>
<div id="datagrid" class="mini-datagrid" name="datagrid"
style="width: 100%; height: 98%;" idField="id" url="/pendingMatters.do?taskId=init"
borderStyle="border-left:0;border-right:0;" >
<div property="columns">
<div field="xh" type="indexcolumn">
序号
</div>
<div field="itemName" width="100" headerAlign="center" allowSort="true" align="center">
办理事项
</div>
<div field="taxpayer" width="200" headerAlign="center" allowSort="true" align="center">
纳税人名称（纳税人识别号）
</div>
<div field="genernateDate" width="100" headerAlign="center" allowSort="true" align="center">
产生时间
</div>
<div field="finishDate" width="100" headerAlign="center" allowSort="true" align="center">
要求完成时间
</div>
<div field="handleDate" width="100" headerAlign="center" allowSort="true" align="center">
处理时间
</div>
<div field="status" width="120" headerAlign="center" allowSort="true" align="center">
任务状态
</div>
<div field=operateFlag width="100" headerAlign="center" allowSort="true" align="center">
操作
</div>
<div field=handleContent width="0" headerAlign="center" allowSort="true" align="center" style="display:none;">
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<script>
$(document).ready(function() {
//初始化
init();
mini.get("datagrid").load();
mini.parse();
/**显示列表加载*/
mini.get("datagrid").on("drawcell",function(e) {
var record = e.record,
column = e.column,
field = e.field,
value = e.value;
//action列，超连接操作按钮
if (field == "operateFlag") {
e.cellStyle = "text-align:center";
alert("record.handleContent:"+record.handleContent);
if (value == "0") {
e.cellHtml = '<a href="javascript:handle(\''+ record.taxpayerNo+'\',\''+ record.handleContent + '\',\''+ value + '\',\''+ record.itemCode+'\',\''+record.genernateDate+ '\',\''+record.pendingItemId+ '\',\''+record.alterId+ '\')">处理</a>';
} else if (value == "1") {
e.cellHtml = '<a href="javascript:handle(\''+ record.taxpayerNo+'\',\''+ record.handleContent + '\',\''+ value + '\',\''+ record.itemCode+'\',\''+record.genernateDate+ '\',\''+record.pendingItemId+ '\',\''+record.alterId+ '\')">查看</a>';
}
}
if (field == "status") {
e.cellStyle = "text-align:center";
if (value == "0") {
e.cellHtml = '待处理';
} else if (value == "1") {
e.cellHtml = '已处理';
}
}
});
});
//页面初始化
function init() {
mini.get("genernateDateBegin").setValue(getCurrMonth_FirstDay("-"));
mini.get("genernateDateEnd").setValue(getSysdate("-"));
var data = mini.get("status").getData();
mini.get("status").setValue(data[1].id);
};
</script>

复制代码