easyui 时间段查询
时间: 2023-11-09 09:05:32 浏览: 56
如果你使用 easyui 的 datagrid 组件进行时间段查询,可以通过以下步骤实现:
1. 在 datagrid 的 toolbar 中添加两个日期框,一个开始时间,一个结束时间,以及一个查询按钮。
2. 在查询按钮的点击事件中,获取开始时间和结束时间的值。
3. 使用 ajax 向后端发送请求,请求的参数中包括开始时间和结束时间。
4. 后端根据接收到的参数进行查询,并返回查询结果。
5. 前端将查询结果显示在 datagrid 中。
以下是一个示例代码:
HTML:
```
<div id="dg"></div>
<div id="tb" style="padding:5px">
开始时间:<input id="startDate" class="easyui-datebox" />
结束时间:<input id="endDate" class="easyui-datebox" />
<a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="searchData()">查询</a>
</div>
```
JavaScript:
```
function searchData() {
var startDate = $("#startDate").datebox("getValue");
var endDate = $("#endDate").datebox("getValue");
$.ajax({
url: "queryData.php",
type: "post",
data: { startDate: startDate, endDate: endDate },
success: function(data) {
$("#dg").datagrid("loadData", data);
}
});
}
$("#dg").datagrid({
url: "queryData.php",
queryParams: { startDate: "", endDate: "" },
columns: [...],
toolbar: "#tb"
});
```
PHP:
```
$startDate = $_POST["startDate"];
$endDate = $_POST["endDate"];
// 根据 $startDate 和 $endDate 进行查询,并将结果以 JSON 格式返回
echo json_encode($result);
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)