diff --git a/src/main/resources/static/js/staff_room.js b/src/main/resources/static/js/staff_room.js index 4c4c961..1f2f7d5 100644 --- a/src/main/resources/static/js/staff_room.js +++ b/src/main/resources/static/js/staff_room.js @@ -1,3 +1,4 @@ +// 定义jQuery扩展方法:从URL参数中获取指定名称的值 (function($){ $.getData=function(name){ var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); @@ -5,7 +6,7 @@ if (result!= null) return result[2]; return null; } })(jQuery); - +// 从URL参数中获取员工ID(当前登录员工) var staffid=$.getData("userid"); var pageNum=1; var pageSize=8; @@ -13,27 +14,30 @@ var choose; var l; $(document).ready(function(){ +// 加载可预订的房间列表 getroomList(); - +// 初始化开始日期选择器(datepicker插件) $('#dateStart').datepicker({ language: 'zh-CN', format: 'yyyy-mm-dd', autoclose: true }).on('changeDate',function(e){ + // 选择开始日期后,设置结束日期的最小可选值为开始日期 var startTime = e.date; $('#dateEnd').datepicker('setStartDate',startTime); }); - +// 初始化结束日期选择器(datepicker插件) $('#dateEnd').datepicker({ language: 'zh-CN', format: 'yyyy-mm-dd', autoclose: true }).on('changeDate',function(e){ + // 选择结束日期后,设置开始日期的最大可选值为结束日期 var endTime = e.date; $('#dateStart').datepicker('setEndDate',endTime); }); - +// 绑定"上一页"按钮点击事件 $("#pre").on('click',function(){ getPre(); }); @@ -65,6 +69,7 @@ function isEmptyString(str){ var list; +// 从后端获取可预订的房间列表(状态为"未预定") function getroomList(){ $.ajax({ type:"post", @@ -76,6 +81,7 @@ function getroomList(){ "pageNum":pageNum, "pageSize":pageSize }, + // 请求成功的回调函数 success:function(data){ if(isEmptyObject(data.List)&&pageNum>0){ pageNum=pageNum-1; @@ -89,12 +95,15 @@ function getroomList(){ var state=" "; var type=" "; l=0; + // 默认显示分页按钮 $("#pre").css("display","block"); $("#next").css("display","block"); $("#roomList").empty(); $("#roomList").append("