日期框的使用

最新推荐文章于 2023-12-01 02:17:51 发布

xuzhiyong1314

最新推荐文章于 2023-12-01 02:17:51 发布

阅读量904

点赞数

分类专栏：日期框的使用日期库文章标签：日期框的使用

本文链接：https://blog.youkuaiyun.com/xuzhiyong1314/article/details/71077325

版权

日期框的使用日期库专栏收录该内容

1 篇文章

订阅专栏

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">

<link rel="stylesheet" href="static/ace/css/chosen.css" />

<%@ include file="../../system/index/top.jsp"%>

<link rel="stylesheet" href="static/ace/css/jquery.datetimepicker.css" />
</head>
<body class="no-skin">


<div class="main-container" id="main-container">

<div class="main-content">
<div class="main-content-inner">
<div class="page-content">
<div class="row">
<div class="col-xs-12">


<form action="ckqd/list.do" method="post" name="Form" id="Form">
<table style="margin-top:5px;">
<tr>
<td>
<div class="nav-search">
<span class="input-icon"> <input type="text"
placeholder="这里输入关键词" class="nav-search-input"
id="nav-search-input" autocomplete="off" name="keywords"
value="${pd.keywords }" placeholder="这里输入关键词" /> <i
class="ace-icon fa fa-search nav-search-icon"></i> </span>
</div></td>

<td style="padding-left:2px;">
<input name="lastLoginStart" id="lastLoginStart" type="text" value="${pd.lastLoginStart}"
data-date-format="yyyy-mm-dd" readonly="readonly"
style="width:88px;" placeholder="开始日期" title="最近登录开始" />
</td>

<td style="padding-left:2px;">
<input name="lastLoginEnd" value="${pd.lastLoginEnd}"
id="lastLoginEnd" type="text" data-date-format="yyyy-mm-dd"
readonly="readonly" style="width:88px;" placeholder="结束日期"
title="最近登录结束" />
</td>

<td style="vertical-align:top;padding-left:2px;">
<select class="chosen-select form-control" name="SBQD_ID" id="sbqd_id" data-placeholder="请选择设备编号" style="vertical-align:top;width: 120px;">
<option value=""></option>
<option value="">全部</option>
<c:forEach items="${varList}" var="sbqd">
<option value="${sbqd.SBQD_ID }" <c:if test="${pd.SBQD_ID==sbqd.SBQD_ID}">selected</c:if>>${sbqd.NAME }</option>
</c:forEach>
</select>
</td>

<c:if test="${QX.cha == 1 }">
<td style="vertical-align:top;padding-left:2px"><a
class="btn btn-light btn-xs" οnclick="tosearch();"
title="检索"><i id="nav-search-icon"
class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i>
</a>
</td>
<c:if test="${QX.toExcel == 1 }">
<td style="vertical-align:top;padding-left:2px;"><a
class="btn btn-light btn-xs" οnclick="toExcel();"
title="导出到EXCEL"><i id="nav-search-icon"
class="ace-icon fa fa-download bigger-110 nav-search-icon blue"></i>
</a>
</td>
</c:if>
<c:if test="${QX.FromExcel == 1 }">
<td style="vertical-align:top;padding-left:2px;"><a
class="btn btn-light btn-xs" οnclick="fromExcel();"
title="从EXCEL导入"><i id="nav-search-icon"
class="ace-icon fa fa-cloud-upload bigger-110 nav-search-icon blue"></i>
</a>
</td>
</c:if>
<%-- <a class="btn btn-mini btn-success" οnclick="window.location.href='<%=basePath%>/ckqd/downExcel1.do'">下载模版</a> --%>

<c:if test="${QX.toPrint == 1 }">
<td style="vertical-align:top;padding-left:2px;"><a
class="btn btn-light btn-xs" οnclick="window.location.href='<%=basePath%>/ckqd/downExcel1.do'"
title="下载打印"><i id="nav-search-icon"
class="ace-icon fa fa-cloud-upload bigger-110 nav-search-icon blue"></i>
</a>
</td>
</c:if>
</c:if>

</tr>
</table>


<table id="simple-table"
class="table table-striped table-bordered table-hover"
style="margin-top:5px;">
<thead>
<tr>
<th class="center" style="width:35px;"><label
class="pos-rel"><input type="checkbox" class="ace"
id="zcheckbox" /><span class="lbl"></span> </label></th>
<th class="center" style="width:50px;">序号</th>
<th class="center">设备出厂时间</th>
<th class="center">设备名称型号</th>
<th class="center">设备编号</th>
<th class="center">数量</th>
<th class="center">客户发货地址</th>
<th class="center">客户联系人</th>
<th class="center">发货负责人</th>
<th class="center">供应商</th>
<th class="center">在库状态</th>
<th class="center">*出库说明*</th>
<th class="center">批次</th>
<th class="center">操作</th>
</tr>
</thead>

<tbody>

<c:choose>
<c:when test="${not empty varList}">
<c:if test="${QX.cha == 1 }">
<c:forEach items="${varList}" var="var" varStatus="vs">
<tr>
<td class='center'><label class="pos-rel"><input
type='checkbox' name='ids' value="${var.SBQD_ID}"
class="ace" /><span class="lbl"></span> </label></td>
<td class='center' style="width: 30px;">${vs.index+1}</td>
<td class='center'>${var.CKRQ}</td>
<td class='center'>${var.NAME}</td>
<td class='center'>${var.SBID}</td>
<td class='center'>${var.COUNT}</td>
<td class='center'>${var.KHFHDZ}</td>
<td class='center'>${var.SHOUHUOSHANG}</td>
<td class='center'>${var.FHFZR}</td>
<td class='center'>${var.YJS}</td>
<td style="width: 60px;" class="center"><c:if
test="${var.ZKZT == '0' }">
<span class="label label-important arrowed-in">出库</span>
</c:if> <c:if test="${var.ZKZT == '1' }">
<span class="label label-success arrowed">在库</span>
</c:if></td>

<td class='center' style="color: red">${var.BZ}</td>
<td class='center'>${var.PC}</td>
<td class="center"><c:if
test="${QX.edit != 1 && QX.del != 1 }">
<span
class="label label-large label-grey arrowed-in-right arrowed-in"><i
class="ace-icon fa fa-lock" title="无权限"></i> </span>
</c:if>
<div class="hidden-sm hidden-xs btn-group">
<c:if test="${QX.edit == 1 }">
<a class="btn btn-xs btn-success" title="编辑"
οnclick="edit('${var.SBQD_ID}');"> <i
class="ace-icon fa fa-pencil-square-o bigger-120"
title="编辑"></i> </a>
</c:if>
<c:if test="${QX.del == 1 }">
<a class="btn btn-xs btn-danger"
οnclick="del('${var.SBQD_ID}');"> <i
class="ace-icon fa fa-trash-o bigger-120" title="删除"></i>
</a>
</c:if>
</div>
<div class="hidden-md hidden-lg">
<div class="inline pos-rel">
<button
class="btn btn-minier btn-primary dropdown-toggle"
data-toggle="dropdown" data-position="auto">
<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
</button>

<ul
class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
<c:if test="${QX.edit == 1 }">
<li><a style="cursor:pointer;"
οnclick="edit('${var.SBQD_ID}');"
class="tooltip-success" data-rel="tooltip"
title="修改"> <span class="green"> <i
class="ace-icon fa fa-pencil-square-o bigger-120"></i>
</span> </a></li>
</c:if>
<c:if test="${QX.del == 1 }">
<li><a style="cursor:pointer;"
οnclick="del('${var.SBQD_ID}');"
class="tooltip-error" data-rel="tooltip" title="删除">
<span class="red"> <i
class="ace-icon fa fa-trash-o bigger-120"></i> </span> </a>
</li>
</c:if>
</ul>
</div>
</div></td>
</tr>

</c:forEach>
</c:if>
<c:if test="${QX.cha == 0 }">
<tr>
<td colspan="100" class="center">您无权查看</td>
</tr>
</c:if>
</c:when>
<c:otherwise>
<tr class="main_info">
<td colspan="100" class="center">没有相关数据</td>
</tr>
</c:otherwise>
</c:choose>
</tbody>
</table>
<div class="page-header position-relative">
<table style="width:100%;">
<tr>
<td style="vertical-align:top;"><c:if
test="${QX.add == 1 }">
<a class="btn btn-mini btn-success" οnclick="add();">新增</a>
</c:if> <c:if test="${QX.del == 1 }">
<a class="btn btn-mini btn-danger"
οnclick="makeAll('确定要删除选中的数据吗?');" title="批量删除"><i
class='ace-icon fa fa-trash-o bigger-120'></i> </a>
</c:if></td>
<td style="vertical-align:top;"><div class="pagination"
style="float: right;padding-top: 0px;margin-top: 0px;">${page.pageStr}</div>
</td>
</tr>
</table>
</div>
</form>

</div>

</div>

</div>

</div>
</div>



<a href="#" id="btn-scroll-up"
class="btn-scroll-up btn btn-sm btn-inverse"> <i
class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i> </a>

</div>




<%@ include file="../../system/index/foot.jsp"%>

<script src="static/ace/js/bootbox.js"></script>

<script src="static/ace/js/ace/ace.js"></script>

<script src="static/ace/js/chosen.jquery.js"></script>

<script src="static/ace/js/date-time/jquery.datetimepicker.js"></script>

<script type="text/javascript" src="static/js/jquery.tips.js"></script>
<script type="text/javascript">
$(top.hangge());//关闭加载状态
//检索
function tosearch(){
top.jzts();
$("#Form").submit();
}
$(function() {

//日期框
init();

//下拉框
if(!ace.vars['touch']) {
$('.chosen-select').chosen({allow_single_deselect:true});
$(window)
.off('resize.chosen')
.on('resize.chosen', function() {
$('.chosen-select').each(function() {
var $this = $(this);
$this.next().css({'width': $this.parent().width()});
});
}).trigger('resize.chosen');
$(document).on('settings.ace.chosen', function(e, event_name, event_val) {
if(event_name != 'sidebar_collapsed') return;
$('.chosen-select').each(function() {
var $this = $(this);
$this.next().css({'width': $this.parent().width()});
});
});
$('#chosen-multiple-style .btn').on('click', function(e){
var target = $(this).find('input[type=radio]');
var which = parseInt(target.val());
if(which == 2) $('#form-field-select-4').addClass('tag-input-style');
else $('#form-field-select-4').removeClass('tag-input-style');
});
}

//复选框全选控制
var active_class = 'active';
$('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){
var th_checked = this.checked;//checkbox inside "TH" table header
$(this).closest('table').find('tbody > tr').each(function(){
var row = this;
if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
});
});
});
function setDayControl(id) {
$("#" + id).datetimepicker({
lang : 'ch',
format : 'Y-m-d',
timepicker : false
});
}
function init() {
setDayControl("lastLoginStart");
setDayControl("lastLoginEnd");
}
//新增
function add(){
top.jzts();
var diag = new top.Dialog();
diag.Drag=true;
diag.Title ="新增";
diag.URL = '<%=basePath%>ckqd/goAdd.do';
diag.Width = 1000;
diag.Height = 555;
diag.Modal = true; //有无遮罩窗口
diag. ShowMaxButton = true; //最大化按钮
diag.ShowMinButton = true; //最小化按钮
diag.CancelEvent = function(){ //关闭事件
if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
if('${page.currentPage}' == '0'){
top.jzts();
setTimeout("self.location=self.location",100);
}else{
nextPage(${page.currentPage});
}
}
diag.close();
};
diag.show();
}

//删除
function del(Id){
bootbox.confirm("确定要删除吗?", function(result) {
if(result) {
top.jzts();
var url = "<%=basePath%>ckqd/delete.do?SBQD_ID="+Id+"&tm="+new Date().getTime();
$.get(url,function(data){
nextPage(${page.currentPage});
});
}
});
}

//修改
function edit(Id){
top.jzts();
var diag = new top.Dialog();
diag.Drag=true;
diag.Title ="编辑";
diag.URL = '<%=basePath%>ckqd/goEdit.do?SBQD_ID='+Id;
diag.Width = 1000;
diag.Height = 555;
diag.Modal = true; //有无遮罩窗口
diag. ShowMaxButton = true; //最大化按钮
diag.ShowMinButton = true; //最小化按钮
diag.CancelEvent = function(){ //关闭事件
if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
nextPage(${page.currentPage});
}
diag.close();
};
diag.show();
}

//批量操作
function makeAll(msg){
bootbox.confirm(msg, function(result) {
if(result) {
var str = '';
for(var i=0;i < document.getElementsByName('ids').length;i++){
if(document.getElementsByName('ids')[i].checked){
if(str=='') str += document.getElementsByName('ids')[i].value;
else str += ',' + document.getElementsByName('ids')[i].value;
}
}
if(str==''){
bootbox.dialog({
message: "<span class='bigger-110'>您没有选择任何内容!</span>",
buttons:
{ "button":{ "label":"确定", "className":"btn-sm btn-success"}}
});
$("#zcheckbox").tips({
side:1,
msg:'点这里全选',
bg:'#AE81FF',
time:8
});
return;
}else{
if(msg == '确定要删除选中的数据吗?'){
top.jzts();
$.ajax({
type: "POST",
url: '<%=basePath%>ckqd/deleteAll.do?tm='+new Date().getTime(),
data: {DATA_IDS:str},
dataType:'json',
//beforeSend: validateData,
cache: false,
success: function(data){
$.each(data.list, function(i, list){
nextPage(${page.currentPage});
});
}
});
}
}
}
});
};

//导出excel
function toExcel(){
window.location.href='<%=basePath%>ckqd/excel.do';
}

//打开上传excel页面
function fromExcel(){
top.jzts();
var diag = new top.Dialog();
diag.Drag=true;
diag.Title ="EXCEL 导入到数据库";
diag.URL = '<%=basePath%>ckqd/goUploadExcel.do';
diag.Width = 300;
diag.Height = 150;
diag.CancelEvent = function(){ //关闭事件
if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
if('${page.currentPage}' == '0'){
top.jzts();
setTimeout("self.location.reload()",100);
}else{
nextPage(${page.currentPage});
}
}
diag.close();
};
diag.show();
}
</script>

</body>
</html>