筛选

														筛选

开发工具与关键技术：JS
作者：温酒徐余生
撰写时间：2019.7.25

在本次的项目当中，在页面里面，点击打开单据，弹出一个框，有一种筛选，通过下拉框里面的未审核、已审核、已删除和时间的选择等筛选，快速查找出你需要的数据，如图：

上面这张图片就是筛选的内容

可以手动查询时间，也可以点击查询显示上月等下拉框，当你点击显示上月，后面的文本框就会根据你的筛选做出对应的判断：
if (Time == 4) {
if (month == 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = “0” + month;
}
var firstDayOfPreMonth = year + “-” + month + “-” + “01”;上个月的第一天
var lastDay = new Date(year, month, 0);
var lastDayOfPreMonth = year + “-” + month + “-” + lastDay.getDate();上个月的最后一天
$("#MarketDateT").val(firstDayOfPreMonth);//上个月的第一天
$("#MarketDateE").val(lastDayOfPreMonth);//上个月的最后一天
}
上面这串代码就是筛选到上月时间的代码。
接下来，就是操作了，通过点击筛选后面文本框里面的内容，然后点击显示当天，然后点击查询，然后查询出数据，如果你查询的是当天的数据的话，如果你在当天有操作，有保存或添加到当天数据的话，他是会有数据查询出来的，如果没有，那你就是没有添加数据，如图：

上面这个是你查询的是当月的数据，我在当天没有操作，我并没有添加数据，没有在数据里面添加上今天的时间，所以是无数据，然后当你点击已审核，查询全部，数据就会全部查询出来，如下图：

下面来看代码：
//单据组合查询
function SalesInquiry() {
//获取查询条件
var HHHID= $("#HHHID").val();
var EndDate = $("#CCC").val();
if (StartDate == undefined || StartDate == null) {
StartDate = “”;
}
if (EndDate == undefined || EndDate == null) {
EndDate = “”;
}
TabTitlesbb = layuiTable.reload(‘employeebb’, {
url: “/OtherMatter/InventoryAdjustment/deader”,
where: {
HHHID: HHHID,
StartDate: StartDate,
EndDate: EndDate
},
page: {
curr: 1 重新从第 1 页开始
}
});
}
下拉框筛选，时间改变事件
$("#LOOK").change(function () {
var Time = $("#LOOK").val();
var date = new Date();
var year = date.getFullYear();
var years = date.getFullYear() - 1;
var month = date.getMonth();
var months = date.getMonth() + 1;
if (Time == 1) {
$("#ZZZ").val(getDateStr(0));
$("#CCC").val(getDateStr(0));
}
if (Time == 2) {
$("#ZZZ").val(getDateStr(-1));
$("#CCC").val(getDateStr(0));}
if (Time == 3) {
var firstdate = year + ‘-’ + months + ‘-01’
var day = new Date(year, months, 0);
var lastdate = year + ‘-’ + months + ‘-’ + day.getDate();
$("#ZZZ").val(firstdate);本月第一天
$("#CCC").val(lastdate);本月最后一天
}
if (Time == 4) {
if (month == 0) {
month = 12;
year = year - 1;
}
if (month < 10) {
month = “0” + month;
}
var firstDayOfPreMonth = year + “-” + month + “-” + “01”;上个月的第一天
var lastDay = new Date(year, month, 0);
var lastDayOfPreMonth = year + “-” + month + “-” + lastDay.getDate();上个月的最后一天
$("#ZZZ").val(firstDayOfPreMonth);上个月的第一天
$("#CCC").val(lastDayOfPreMonth);上个月的最后一天
}
if (Time == 5) {
var firstDayOfPreMonth = year + “-” + “01” + “-” + “01”;当年的第一天
var lastDayOfPreMonth = year + “-” + “12” + “-” + “31”;当年的最后一天
$("#ZZZ").val(firstDayOfPreMonth);
$("#CCC").val(lastDayOfPreMonth);当年的最后一天
}
if (Time == 6) {
var firstDayOfPreMonth = years + “-” + “01” + “-” + “01”;上年的第一天
var lastDayOfPreMonth = years + “-” + “12” + “-” + “31”;上年的最后一天
$("#ZZZ").val(firstDayOfPreMonth);
$("#CCC").val(lastDayOfPreMonth);
}
if (Time == 7) {
var firstDayOfPreMonth = “1900” + “-” + “01” + “-” + “01”;
var lastDayOfPreMonth = “2999” + “-” + “12” + “-” + “31”;
$("#ZZZ").val(firstDayOfPreMonth);
$("#CCC").val(lastDayOfPreMonth);
}
});
获取日期
function getDateStr(AddDayCount) {
var dd = new Date();
dd.setDate(dd.getDate() + AddDayCount);获取AddDayCount天后的日期
var y = dd.getFullYear();
var m = dd.getMonth() + 1;获取当前月份的日期
var d = dd.getDate();
return y + ‘-’ + (m < 10 ? ‘0’ + m : m) + ‘-’ + d;
}