查询时间段内容(1) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：Visual Stud

查询时间段内容(1)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio 2015、查询日期

作者： 梁柏源

撰写时间：2019/7/6

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

直到上次讲完时间的格式后,这次就讲时间的运用,比如查询时间段内容:就是查询在这段时间里发生了什么事.查询的时间段分为以下几种:

1. 查询时间,单纯的时间,时分秒(HH:mm:ss),咳咳,秒就不用了(HH:mm),意思是在这时间发生了什么;
2. 查询日期,年月日(yyyy-MM-dd),意思是在这天发生了什么;
3. 查询日期-日期,这个也是查询日期的,不过和第(2)不同,它是查询这个时间到那个时间段里发生了什么事情。

进入正题之前得说一下插件：

Css：

<link href="~/Plugins/bootstrap-4.1.3-dist/css/bootstrap.min.css" rel="stylesheet" />

<link href="~/Plugins/layui/css/layui.css" rel="stylesheet" />

Js：

<script src="~/Plugins/jquery-3.2.1.min.js"></script>

<script src="~/Plugins/bootstrap-4.1.3-dist/js/bootstrap.bundle.min.js"></script>

<script src="~/Plugins/layui/layui.js"></script>

好了,现在进入正题, 代码:

HTML:

    <div class="container-fluid">

        <div class="row">

            <div class="col-12">

                选择日期：<input type="date" id="SelectDate"/>

                <button type="button" id="SearchBtn">查询</button>

            </div>

        </div>

        <div class="row">

            <div class="col-12">

                <table id=" tabStrDate " layui-filter=" tabStrDate "></table>//表格

            </div>

        </div>

</div>

表格:

 

var layer, layuiTable;//保存layui模块以便全局使用

    $(function () {

       //加载和初始化layui模块

       layui.use(['layer', 'table'], function () {

            layer = layui.layer, layuiTable = layui.table;

            tabStrDate = layuiTable.render({

                elem: "#tabStudent",//html table id

                url: "/DateTimeTest/SelectDateTime",//数据接口

                cols: [[ //表头

                     { type: 'numbers', title: '' },//序号列，title设定标题名称

                     { field: 'StudentID', title: 'studentID', hide: true },

                     { field: 'StudentName', title: '姓名' },

                     { field: 'StudentNumber', title: '编号' },

                     { field: 'Birthday', title: '出生日期', },

                     { field: 'BirthTime', title: '出生时间' },                    

                 ]],

                  page: {

                      limit: 10,//指定每页显示的条数

                      limits: [5, 10, 15, 20],//每页条数的选择项

                  }, //开启分页

                });

            });

        });

下一步:

        $("# SearchBtn ").click(function () {

            var selectDate = $("# SelectDate ").val();

            tabStrDate.reload({

                where: {

                    selectDate: selectDate

                }, page: {

                    curr: 1 //重新从第 1 页开始

                }

            });

        });

如何获取数据就不打了,只打一些重要的,另外时间格式的转,我这里就不写出来了.

Public ………(LayuiTablePage layuiTablePage,DateTime? selectDate)

Var list = from……..

if (selectDate!=null)

            {

                list = list.Where(s => s.Birthday == selectDate.Value);

            }

 

            int count = list.Count();

 

            List< StrVo > list = list.Skip(layuiTablePage.GetStartIndex())

                .Take(layuiTablePage.limit)

                .ToList();

 

            LayuiTableData<StrVo> layuiTableData = new LayuiTableData< StrVo >

            {

                count = count,

                data = list

            };

代码很简单,就不解释了, 图:

对了,图里面的出生日期便是此次被查询的日期了.