<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>管理</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link rel="stylesheet" href="../../common/resources/css/all.css" type="text/css" />
<script language="javascript">
function checktime(str)
{
//var re=/^([2-9][0-9][0-9][0-9])-((0[1-9])|(1[0-2]))-((3[0-1])|(0[1-9])|([1-2][0-9]))(([0-1][0-9])|(2[0-3])):([0-5][0-9])$/g;
var re=/^([2-9][0-9][0-9][0-9])-((0[1-9])|(1[0-2]))-((3[0-1])|(0[1-9])|([1-2][0-9]))$/g;
if(re.test(str)==false){return true;}
}
function CheckForm(){
form1.leaveReason.value=contedit.getHTML();
if(isNaN(form1.vacation.value) || form1.vacation.value==""){
alert('公休请假天数只能是数字。');
form1.vacation.focus();
return false;
}
if(form1.vacation.value>100){
alert('公休请假天数不能大于100天');
form1.vacation.focus();
return false;
}
///if(checktime(form1.vacationBDate.value)){
/// alert("错误的公休开始时间格式!");
/// form1.vacationBDate.focus();
/// return false;
///}
///if(checktime(form1.vacationEDate.value)){
/// alert("错误的公休结束时间格式!");
/// form1.vacationEDate.focus();
/// return false;
///}
///if(form1.vacationBDate.value>form1.vacationEDate.value){
/// alert('公休开始时间不能大于结束时间');
/// return false;
///}
if(isNaN(form1.privateAffair.value) || form1.privateAffair.value==""){
alert('事假请假天数只能是数字。');
form1.privateAffair.focus();
return false;
}
if(form1.privateAffair.value>100){
alert('事假请假天数不能大于100天');
form1.privateAffair.focus();
return false;
}
///if(checktime(form1.palBDate.value)){
/// alert("错误的事假开始时间格式!");
/// form1.palBDate.focus();
/// return false;
///}
///if(checktime(form1.palEDate.value)){
/// alert("错误的事假结束时间格式!");
/// form1.palEDate.focus();
/// return false;
///}
if(form1.palBDate.value>form1.palEDate.value){
alert('事假开始时间不能大于结束时间');
return false;
}
if(isNaN(form1.sick.value) || form1.sick.value==""){
alert('病假请假数只能是数值。');
form1.sick.focus();
return false;
}
if(form1.sick.value>100){
alert('病假请假数不能大于100。');
form1.sick.focus();
return false;
}
/// if(checktime(form1.sickBDate.value)){
/// alert("错误的病假开始时间格式!");
//// form1.sickBDate.focus();
/// return false;
/// }
/// if(checktime(form1.sickEDate.value)){
//// alert("错误的病假结束时间格式!");
/// form1.sickEDate.focus();
/// return false;
/// }
if(form1.sickBDate.value>form1.sickEDate.value){
alert('病假开始时间不能大于结束时间');
return false;
}
if(form1.vacation.value+form1.privateAffair.value+form1.sick.value<1){
alert('请假天数不能小于1天!');
return false;
}
if(form1.leaveReason.value == "") {
alert("请假原因不能为空!");
return false;
}
if(form1.checkerID.value==null||form1.checkerID.value=="")
{
alert("请选择审批者");
return false;
}
return true;
}
function toSetType(){
var lid=form1.type.options(form1.type.selectedIndex).value;
form1.leaveType.value=lid;
}
function getDate(field,strBil)
{
var url = "../../common/commons/datepicker/CalendarCn.htm?field=" + field ;
var calWin = window.showModalDialog (url,window,"dialogHeight:210px;dialogWidth:226px;center:Yes;help: No; resizable: No; status: No");
field.value = returnValue;
}
function getVacationStartDate(field,strBil) //公假开始时间
{
var url = "../../common/commons/datepicker/CalendarCn.htm?field=" + field ;
var calWin = window.showModalDialog (url,window,"dialogHeight:210px;dialogWidth:226px;center:Yes;help: No; resizable: No; status: No");
var endTime= document.getElementById("vacationEDate").value;
if(endTime!="")
{
var iDays =DateDiff(endTime,returnValue);
iDays=iDays+1;
if(iDays>0)
{
document.getElementById("vacation").value=iDays;
field.value = returnValue;
}
else
alert("你选择的时间不正确,请选择比结束时间早的时期");
}else
field.value = returnValue;
}
function getVacationDate(field,strBil) ///结束公假时间
{
var url = "../../common/commons/datepicker/CalendarCn.htm?field=" + field ;
var calWin = window.showModalDialog (url,window,"dialogHeight:210px;dialogWidth:226px;center:Yes;help: No; resizable: No; status: No");
var statTime= document.getElementById("vacationBDate").value;
var iDays =DateDiff(returnValue,statTime);
iDays=iDays+1;
if(iDays>0)
{
document.getElementById("vacation").value=iDays;
field.value = returnValue;
}
else
alert("你选择的时间不正确,请选择比开始时间晚的时期");
}
function getpalStartDate()
{
var url = "../../common/commons/datepicker/CalendarCn.htm?field=" + field ;
var calWin = window.showModalDialog (url,window,"dialogHeight:210px;dialogWidth:226px;center:Yes;help: No; resizable: No; status: No");
var endTime= document.getElementById("palEDate").value;
if(endTime!="")
{
var iDays =DateDiff(endTime,returnValue);
iDays=iDays+1;
if(iDays>0)
{
document.getElementById("privateAffair").value=iDays;
field.value = returnValue;
}
else
alert("你选择的时间不正确,请选择比结束时间早的时期");
}else
field.value = returnValue;
}
function getpalDate(field,strBil) ///事假
{
var url = "../../common/commons/datepicker/CalendarCn.htm?field=" + field ;
var calWin = window.showModalDialog (url,window,"dialogHeight:210px;dialogWidth:226px;center:Yes;help: No; resizable: No; status: No");
var statTime= document.getElementById("palBDate").value;
var iDays =DateDiff(returnValue,statTime);
iDays=iDays+1;
if(iDays>0)
{
document.getElementById("privateAffair").value=iDays;
field.value = returnValue;
}
else
alert("你选择的时间不正确,请选择比开始时间晚的时期");
}
function getsickStartDate(field,strBil) ///公开病假
{
var url = "../../common/commons/datepicker/CalendarCn.htm?field=" + field ;
var calWin = window.showModalDialog (url,window,"dialogHeight:210px;dialogWidth:226px;center:Yes;help: No; resizable: No; status: No");
var endTime= document.getElementById("sickEDate").value;
if(endTime!="")
{
var iDays =DateDiff(endTime,returnValue);
iDays=iDays+1;
if(iDays>0)
{
document.getElementById("sick").value=iDays;
field.value = returnValue;
}
else
alert("你选择的时间不正确,请选择比结束时间早的时期");
}else
field.value = returnValue;
}
function getsickDate(field,strBil) ///病假
{
var url = "../../common/commons/datepicker/CalendarCn.htm?field=" + field ;
var calWin = window.showModalDialog (url,window,"dialogHeight:210px;dialogWidth:226px;center:Yes;help: No; resizable: No; status: No");
var statTime= document.getElementById("sickBDate").value;
var iDays =DateDiff(returnValue,statTime);
iDays=iDays+1;
if(iDays>0)
{
field.value = returnValue;
document.getElementById("sick").value=iDays;
}
else
alert("你选择的时间不正确,请选择比开始时间晚的时期");
}
function addTime(daynum,staObj,endObj)
{
var statime = staObj.value;
if(statime!=""&&daynum>0)
{
var aDate, oDate1, oDate2, iDays ;
aDate = statime.split("-") ;
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]) ; //转换为12-18-2006格式
var a = new Date(oDate1)
a = a.valueOf();
a = a + (daynum-1) * 24 * 60 * 60 * 1000;
a = new Date(a);
endObj.value=a.format('yyyy-MM-dd');
}
}
function CheckList()
{
var myobject=document.getElementsByName('chkMail');
var mynum = myobject.length;
if(mynum){
for (i=0; i<mynum; i++) {
if(myobject[i].checked){
form1.checkerID.value = myobject[i].value;
}
}
}
}
Date.prototype.format = function(format)
{
var o =
{
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/.test(format))
format=format.replace(RegExp.$1,(this.getFullYear()+"").substr(4 - RegExp.$1.length));
for(var k in o)
if(new RegExp("("+ k +")").test(format))
format = format.replace(RegExp.$1,RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
return format;
}
//计算天数差的函数,通用
function DateDiff(sDate1, sDate2){ //sDate1和sDate2是 s1 = "2006-12-18" s2 = "2007-01-05"
var aDate, oDate1, oDate2, iDays
aDate = sDate1.split("-")
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]) //转换为12-18-2006格式
aDate = sDate2.split("-")
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])
iDays = parseInt((oDate1 - oDate2) / 1000 / 60 / 60 /24) //把相差的毫秒数转换为天数
return iDays
}
</script>
</head>
<body style="background-color:transparent">
<div id="header">
<div id="daohang">当前位置:请假管理>>请假发件箱>>请假申请</div>
</div>
<div id="line"></div>
<div class="divshape">
<table id="tabel" cellspacing="0" bordercolor="#000000" style="border:1px solid #91CEF2; font-size:12px;" width="100%">
<tr id="biaotuo">
<th style="text-align:left;">
请假单
</th>
</tr>
<tr>
<td valign="top"><div align="center">
<table width="100%" height="98%" border="0" cellpadding="0" cellspacing="1" bgcolor="3D9BD0" style="font-size:12px;">
<tr>
<td valign="top" bgcolor="#FFFFFF"><div align="center" class="STYLE2">
<form name="form1" method="post" action="leaveam-save.action" onSubmit="return CheckForm()">
<input name="leaveID" id="leaveID" type="hidden" value="<ww:property value="leaveID" />">
<input name="leaveType" id="leaveType" type="hidden" value="<ww:property value="leaveType" />">
<input name="sectionTime" id="sectionTime" type="hidden" value="A">
<input type="hidden" name="param" value="<ww:property value="param"/>">
<table width="100%" border="0" align="center" cellpadding="1" cellspacing="2" bordercolor="#CCCCCC" style="font-size:12px;">
<tr style="display:none">
<td width="15%">请假开始日期:</td>
<td colspan="7"> <div style='float:left'>
<input name="beginDate" type="text" class="txb" size="15" value="<ww:property value="beginDate" />" >
</div>
<div style='float:left'><img src="../../common/resources/img/DatePicker.gif" alt="日期选择" width="17"
height="15" border="0" align="top" onClick="getDate(document.all.beginDate,'2')" style="cursor:hand">
</div>
</td>
</tr>
<tr>
<td width="12%">公休:
</td>
<td width="15%">请假开始日期</td>
<td width="15%">
<div style='float:left'><input name="vacationBDate" id="vacationBDate" type="text" class="txb" size="11" value="<ww:property
value="vacationBDate" />"></div>
<div style='float:left'><img src="../../common/resources/img/DatePicker.gif" alt="日期选择" width="17" height="15"
border="0" align="top" onClick="getVacationStartDate(document.all.vacationBDate,'2')" style="cursor:hand"></div>
</td>
<td width="15%">请假结束日期</td>
<td width="15%">
<div style='float:left'><input name="vacationEDate" id="vacationEDate" type="text" class="txb" size="11" value="<ww:property
value="vacationEDate" />" /></div>
<div style='float:left'><img src="../../common/resources/img/DatePicker.gif" alt="日期选择" width="17" height="15"
border="0" align="top" onClick="getVacationDate(document.all.vacationEDate,'2')" style="cursor:hand"> </div>
</td>
<td width="10%">请假天数</td>
<td width="10%">
<ww:if test="vacation!=null">
<input name="vacation" id="vacation" type="text" value="<ww:property value="vacation" />" size="4" onchange="addTime(this.value,document.all.vacationBDate,document.all.vacationEDate)" >
</ww:if>
<ww:if test="vacation==null">
<input name="vacation" id="vacation" type="text" value="0" size="4" onchange="addTime(this.value,document.all.vacationBDate,document.all.vacationEDate)">
</ww:if>
</td>
</tr>
<tr>
<td width="12%" >事假:</td>
<td >请假开始日期</td>
<td >
<div style='float:left'><input name="palBDate" id="palBDate" type="text" class="txb" size="11" value="<ww:property value="palBDate"
/>"></div>
<div style='float:left'><img src="../../common/resources/img/DatePicker.gif" alt="日期选择" width="17" height="15"
border="0" align="top" onClick="getpalStartDate(document.all.palBDate,'2')" style="cursor:hand"> </div>
</td>
<td>请假结束日期</td>
<td>
<div style='float:left'><input name="palEDate" type="text" class="txb" size="11" value="<ww:property value="palEDate"
/>"></div>
<div style='float:left'><img src="../../common/resources/img/DatePicker.gif" alt="日期选择" width="17" height="15"
border="0" align="top" onClick="getpalDate(document.all.palEDate,'2')" style="cursor:hand"> </div>
</td>
<td >请假天数</td>
<td >
<ww:if test="privateAffair!=null">
<input name="privateAffair" id="privateAffair" type="text" value="<ww:property value="privateAffair" />" size="4" onchange="addTime(this.value,document.all.palBDate,document.all.palEDate)" >
</ww:if>
<ww:if test="privateAffair==null">
<input name="privateAffair" id="privateAffair" type="text" value="0" size="4" onchange="addTime(this.value,document.all.palBDate,document.all.palEDate)">
</ww:if>
</td>
</tr>
<tr>
<td width="12%" >病假:</td>
<td>请假开始日期</td>
<td>
<div style='float:left'><input name="sickBDate" id="sickBDate" type="text" class="txb" size="11" value="<ww:property
value="sickBDate" />"></div>
<div style='float:left'><img src="../../common/resources/img/DatePicker.gif" alt="日期选择" width="17" height="15"
border="0" align="top" onClick="getsickStartDate(document.all.sickBDate,'2')" style="cursor:hand"> </div>
</td>
<td>请假结束日期</td>
<td>
<div style='float:left'><input name="sickEDate" type="text" class="txb" size="11" value="<ww:property
value="sickEDate" />"></div>
<div style='float:left'><img src="../../common/resources/img/DatePicker.gif" alt="日期选择" width="17" height="15"
border="0" align="top" onClick="getsickDate(document.all.sickEDate,'2')" style="cursor:hand"> </div>
</td>
<td >请假天数</td>
<td >
<ww:if test="sick!=null">
<input name="sick" id="sick" type="text" value="<ww:property value="sick" />" size="4" onchange="addTime(this.value,document.all.sickBDate,document.all.sickEDate)">
</ww:if>
<ww:if test="sick==null">
<input name="sick" id="sick" type="text" value="0" size="4" onchange="addTime(this.value,document.all.sickBDate,document.all.sickEDate)">
</ww:if>
</td>
</tr>
<tr style="display:none">
<td width="12%">请假类型:</td>
<td colspan="7">
<select name="type" onChange="toSetType()">
<option value="0" selected>公休</option>
<option value="1">事假</option>
<option value="2">病假</option>
</select>
</td>
</tr>
<tr style="display:none">
<td width="12%"><div align="right">请假数:</div></td>
<td colspan="7">
<input name="leaveCount" id="leaveCount" type="text" value="<ww:property value="leaveCount" />" size="30">
</td>
</tr>
<tr>
<td width="12%"><div>请假审批组:</div></td>
<td colspan="7">
<table align="left">
<ww:iterator value="roleUserList" status="li">
<tr>
<td>
<input type="hidden" name="usersID" value="<ww:property
value="userID" />">
<input type="hidden" name="usersAccount" value="<ww:property
value="account" />">
<input type="hidden" name="usersName" value="<ww:property
value="userName" />">
<input name="chkMail" type="radio" value="<ww:property value="userID"
/>" onClick="CheckList()">
</td>
<td style="display:none"><span style="font-size:11px"><ww:property
value="account"/></span></td>
<td><ww:property value="userName" /></td>
</tr>
</ww:iterator>
</table>
</td>
</tr>
<tr>
<td width="12%"><div align="center">请假原因:</div></td>
<td colspan="6">
<input name="leaveReason" id="leaveReason" type="hidden" value="<ww:property value="leaveReason" />"
size="30">
<INPUT type="hidden" name="content1" value="<ww:property value="leaveReason" />">
<IFRAME ID="contedit" src="../../common/editor/ewebeditor.htm?id=content1&style=noimg" frameborder="0"
scrolling="no" width="550" height="250"></IFRAME>
</td>
</tr>
<tr>
<td colspan="8">
<div align="center">
<input name="checkerID" type="hidden" value="">
<input name="oper" type="hidden" value="<ww:property value="oper" />">
<input name="operType" type="hidden" value="<ww:property value="operType" />">
<input name="checkStatus" id="checkStatus" type="hidden" value="0">
<input name="readStatus" id="readStatus" type="hidden" value="0">
<input type="submit" name="ok" value="提交" class="button"
onMouseOver="this.className='button1'" onMouseOut="this.className='button'">
<input type="reset" name="clear" value="重填" class="button"
onMouseOver="this.className='button1'" onMouseOut="this.className='button'">
<input type="button" name="close" value="返回" class="button"
onMouseOver="this.className='button1'" onMouseOut="this.className='button'"
onclick="javascript:history.go(-1);">
</div></td>
</tr>
</table>
</form>
</div></td>
</tr>
</table>
</div></td>
</tr>
</table>
</div>
</body>
<script type="text/javascript">
form1.vacation.focus();
</script>
</html>
分享到:
相关推荐
### JS 获取页面上的时间和当前时间进行比较判断 在前端开发中,经常需要处理与时间相关的逻辑,例如验证用户输入的时间是否有效、判断某个事件是否已经过期等。本篇文章将详细解析如何使用JavaScript来获取页面上...
js日期带时间的比较,js日期带时间的比较
JavaScript日期时间控件是网页开发中常用的一种组件,主要用于用户在网页上选择或输入日期和时间。在JavaScript中,处理日期和时间的核心对象是`Date`。本篇将深入探讨JavaScript日期时间控件的实现原理、使用方法...
在JavaScript(JS)编程中,实现一个时间拖动条功能是一项常见的需求,特别是在涉及到多媒体播放、视频剪辑或时间控制的场景中。本项目“JS时间拖动条”旨在模仿QQ影音中的视频剪辑拖动条,提供用户友好的交互体验。...
标题中的“横向时间轴插件_js_时间轴_”指的是一个使用JavaScript编写的,用于展示时间线的插件。在Web开发中,时间轴插件常用于以视觉化的方式展示事件序列,比如历史事件、项目进度或者新闻更新等。这个插件可能是...
总结来说,"动态显示当前时间的js"是一种利用JavaScript Date对象和定时器功能实现网页上实时更新当前时间的技术。通过理解和应用这些知识,开发者可以创建各种动态时间显示功能,适应不同项目的需求。
在本案例中,“时间线js 根据时间进度 显示节点位置”表明我们正在处理一个JavaScript实现的时间线组件,它能够动态更新,以反映时间的流逝和进度变化,并且能够在时间线上定位各个关键节点。 首先,我们需要理解...
本文将深入探讨如何使用原生JavaScript(简称Js)开发一款可自定义颜色、格式化输出的时间轴插件。这款插件旨在帮助开发者更方便地在网页上展示时间序列信息,提供高度定制化的功能,以满足不同场景的需求。 首先,...
JavaScript时间轴插件是一种在网页上展示序列事件或数据流的有效工具。它们通常用于项目管理、历史记录展示、新闻更新或者其他需要按照时间顺序呈现信息的场景。本篇将深入探讨"js时间轴插件"的核心概念,以及如何...
JavaScript时间轴是一种交互式的网页元素,用于展示一系列按时间顺序排列的事件或数据。在本案例中,"js时间轴横向代码" 涉及到使用JavaScript和可能的CSS(根据提供的文件名css.css)来创建一个水平显示的时间轴。...
js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间yyyymmddhhmmss js获取当前时间...
总的来说,实现类似微信聊天时间样式的JavaScript代码需要对JavaScript的日期和时间处理有深入理解,包括日期对象的构造、属性访问和格式化方法。通过以上分析,你可以根据自己的需求定制一个适应不同场景的时间显示...
JavaScript时间刻度尺插件是一种用于可视化时间轴的工具,常用于数据展示、日程管理或图表绘制等场景。它能够帮助用户清晰地看到时间序列上的各个关键点,提高数据的可读性和交互性。在本文中,我们将深入探讨这个...
JavaScript时间线和时间轴在网页应用中经常用于展示和交互数据,特别是在数据分析、日历管理、历史事件展示等场景。时间轴(Timeline)是一种可视化工具,它将时间序列转化为易于理解的图形,用户可以通过它来浏览和...
JavaScript时间轴组件是一种用于在网页上展示序列事件的可视化工具,它可以帮助用户更好地理解数据的顺序和时间关系。本文将详细介绍这种基于JavaScript的时间轴组件及其使用。 首先,时间轴组件通常包含一系列标记...
在JavaScript编程领域,时间日期处理是一项常见的任务,尤其是在开发用户界面时。"js-实现多功能时间日期时间段区间时间日期插件.rar" 提供了一个高效、易用的解决方案,旨在简化前端开发者的工作。这款jQuery时间...
js中本人尝试过许多方法对时间前进进行计算,后来慢慢发现,通过New Date类对每日的24:00的进位,可以很简便的计算出给定时间的一小时或一天后的时间;此次资源以整时为例,若精确到分秒,思路相同,可先将分秒部分...
此外,`moment.js`或`date-fns`这样的库能提供更强大的日期和时间处理功能,比如轻松地实现日期格式化、比较、计算等,它们简化了JavaScript的日期处理,提高了代码的可读性和可维护性。 博客中可能还讨论了如何...
JavaScript时间日期输入框是一种常见的网页交互元素,它允许用户在网页上方便地选择或输入日期和时间。在网页开发中,这种功能通常通过JavaScript库或者插件实现,以提高用户体验和增强界面的交互性。本篇文章将深入...
可以将结束时间存储在JavaScript变量中,并与当前时间比较计算剩余秒数。 - 当倒计时结束时,清除定时器(使用`clearInterval`函数),并根据需求调用后台方法。这通常涉及再次使用AJAX请求,执行特定的回调或事件...