- 浏览: 3712 次
- 性别:
- 来自: 北京
文章分类
最新评论
<%@ page language="java" pageEncoding="UTF-8"
contentType="text/html; charset=UTF-8"%>
<%@ include file="/pages/inc/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>新增调度</title>
<style type="text/css">
.barContentTitle {
margin: 1px;
height: 28px;
background-color: #D8D8D8;
*width: 100%;
}
</style>
<%@ include file="/pages/inc/header.jsp"%>
</head>
<body>
<%@ include file="/pages/inc/common.jsp"%>
<div id="container" class="main">
<div class="barTitle">
<div class="content">
<a href="javascript:;" onfocus="this.blur();"></a> <span>新增调度</span>
</div>
</div>
<hr class="barTitleHr"></hr>
<form id="taskTriggerForm" action="<c:url value='/taskTrigger/save'/>"
method="post">
<div class="barContentTitle">
<div class="content">
<span>基本信息</span>
</div>
</div>
<div class="clear">
<table class="table">
<tr>
<td class="inputLabelTd">调度名称:</td>
<td class="inputTd"><input id="triggerName"
name="triggerName" type="text" class="text"
value="<c:out value='${taskTrigger.triggerName}'/>" /></td>
<td class="inputLabelTd">调度分组:</td>
<td class="inputTd"><input id="triggerGroup"
name="triggerGroup" type="text" class="text"
value="<c:out value='${taskTrigger.triggerGroup}'/>" /></td>
</tr>
<tr>
<td class="inputLabelTd">对应任务名称:</td>
<td class="inputTd"><select id="taskName" name="taskName"
type="select" class="text"
value="<c:out value='${taskScheduler.taskName}'/>" /></td>
<td class="inputLabelTd">生效日期:</td>
<td class="inputTd"><input id="beginDate" name="beginDate"
type="text" class="Wdate"
value="<c:out value='${taskTrigger.beginDate}'/>" /></td>
</tr>
<tr>
<td class="inputLabelTd">截止日期:</td>
<td class="inputTd"><input id="deadline" name="deadline"
type="text" class="Wdate"
value="<c:out value='${taskTrigger.deadline}'/>" /></td>
<td class="inputLabelTd"></td>
<td class="inputTd"></div>
</tr>
</table>
</div>
<div class="barContentTitle">
<div class="content">
<span>发生频率</span>
</div>
</div>
<div class="clear">
<table class="table">
<tr>
<td class="inputLabelTd"><input id="r1" type="radio"
name="triggerPeriod" value="dayly" checked/>每天</td>
<td class="inputTd">每 <input id="dayInterval"
type="text" name="dayInterval" size="5"
value="<c:out value='${taskTrigger.dayInterval}'/>">
天
</td>
<td class="inputTd"> </td>
<td class="inputTd"> </td>
<td></td>
</tr>
<tr>
<td class="inputLabelTd"><input id="r2" type="radio"
name="triggerPeriod" value="weekly" />每周</td>
<td class="inputTd">每 <input id="weekInterval"
type="text" name="weekInterval" size="5" disabled="true"
value="<c:out value='${taskTrigger.weekInterval}'/>">
周
</td>
<td class="inputTd">发生在:</td>
<td class="inputTd"><div id="wdate" name="whatDay"
disabled="true"></div></td>
<td></td>
</tr>
<tr>
<td class="inputLabelTd"><input id="r3" type="radio"
name="triggerPeriod" value="monthly" />每月</td>
<td class="inputTd">每 <input id="monthInterval"
type="text" name="monthInterval" size="5" disabled="true"
value="<c:out value='${taskTrigger.monthInterval}'/>">
月
</td>
<td class="inputTd">发生在:</td>
<td class="inputTd"><div id="t1">
<input id="day1" type="radio" name="detailDay" value="0"
disabled="true">第 <input id="someday"
name="someday" type="text" class="text" disabled="true"
value="<c:out value='${taskTrigger.someday}'/>" /> 天 <br />
<input id="day2" type="radio" name="detailDay" value="1"
disabled="true">第 <input id="quarter"
name="weekInMonth" type="text" class="text" disabled="true"
value="<c:out value='${taskTrigger.weekInMonth}'/>" />
个 <input id="week" name="DOWIM" type="text" class="text"
disabled="true" value="<c:out value='${taskTrigger.DOWIM}'/>" />
</div></td>
</tr>
</table>
</div>
<div class="barContentTitle">
<div class="content">
<span>每日频率</span>
</div>
</div>
<div class="clear">
<table class="table">
<tr>
<td class="inputLabelTd"><input id="frequency1" type="radio"
name="frequency" value="0" checked/>执行时间:</td>
<td class="inputTd"><input id="executeTime"
name="executeTime"
value="<c:out value='${taskTrigger.executeTime}'/>" type="text"
class="Wdate" /></td>
</tr>
<tr>
<td class="inputLabelTd"><input id="frequency2" type="radio"
name="frequency" value="1" />发生周期:</td>
<td class="inputTd">每隔 <input id="HMInterval"
name="HMInterval" type="text" size="5" value="<c:out value='${taskTrigger.HMInterval}'/>"/> <select id="unit"
name="unit" class="select" ></select> 起始于 <input
id="runTime" name="runTime" type="text"
value="<c:out value='${taskTrigger.runTime}'/>" class="Wdate" />
<!-- <input type="text" name="hours" size=5>时
<input type="text" name="minute" size=5>分 -->
截止于 <input id="endTime" name="endTime" type="text"
value="<c:out value='${taskTrigger.endTime}'/>" class="Wdate" />
</td>
</tr>
</table>
</div>
<div class="barContentTitle">
<div class="content">
<span>设置</span>
</div>
</div>
<div class="clear">
<table class="table">
<tr>
<td class="inputLabelTd">最多延迟时间:</td>
<td class="inputTd"><select id="maxDelayTime"
name="maxDelayTime" class="select"></select></td>
<td class="inputLabelTd">最大运行时间:</td>
<td class="inputTd" colspan="3"><select id="maxExecuteTime"
name="maxExecuteTime" class="select"></select></td>
</tr>
</table>
</div>
<table class="table foottable">
<tfoot class="footTd">
<tr>
<td class="inputTd">
<button id="submit_button" type="button" onclick="save(this);">保存</button>
<!-- <button id="reset_button" type="reset">重置</button> -->
<button id="back_button" type="button"
onclick="window.location = '<c:url value="/taskTrigger"/>'">取消</button>
</td>
</tr>
</tfoot>
</table>
</form>
</div>
<div id="errorDialog"></div>
<%@ include file="/pages/inc/footer.jsp"%>
</body>
</html>
<script type="text/javascript">
new biz.button({
id : "#submit_button",
icons : {
primary : 'ui-icon-disk'
}
});
/* new biz.button({id:"#reset_button", icons: {primary:'ui-icon-refresh'}}); */
new biz.button({
id : "#back_button",
icons : {
primary : 'ui-icon-arrowthick-1-w'
}
});
$(function() {
$("#taskName").combobox({
url : "<c:url value='/taskTrigger/getAllTaskName'/>"
});
})
function save(button) {
form = button.form;
if (!biz.validate("valid", form)) {
showWarn("<fmt:message key='validation.object'/>", 3000);
return;
}
//截止日期与生效日期的比较
var start_date = $("#beginDate").val();
var close_date = $("#deadline").val();
if (start_date != "" && close_date != "") {
var sdate = start_date.toString();
var sYear = sdate.substring(0, 4);
var sMon = sdate.substring(5, 7);
var sDay = sdate.substring(8, 10);
var cdate = close_date.toString();
var cYear = cdate.substring(0, 4);
var cMon = cdate.substring(5, 7);
var cDay = cdate.substring(8, 10);
var start = new Date(sYear, sMon, sDay);
var end = new Date(cYear, cMon, cDay);
var gap = parseInt(end - start) / (1000 * 60 * 60 * 24);
if (gap < 0) {
alert("截止日期必须大于生效日期 !");
return false;
}
}
if($("#taskName").val() == ""){
alert("请选择对应的任务!");
return false;
}
var val=$('input:radio[name="triggerPeriod"]:checked').val();
if (val =="weekly"){
if(jQuery("input[name='whatDay']:checked").length == 0){
alert("请选择星期几!");
return false;
}
}
if (val =="monthly"){
var someday =document.getElementById("someday").value;
var week =document.getElementById("week").value;
if(someday == "" && week== ""){
alert("请选择具体哪一天!");
return false;
}
}
var executeTime = document.getElementById("executeTime").value;
var runTime = document.getElementById("runTime").value;
var endTime = document.getElementById("endTime").value;
if (executeTime == "" && runTime == "") {
alert("请输入执行时间!");
return false;
}
if (executeTime == null || executeTime == "") {
form.submit(runTime, endTime);
}
if (runTime == null || runTime == "") {
form.submit(executeTime);
}
}
//taskTriggerForm表单内容的验证
new biz.validate({
id : "#taskTriggerForm",
rules : {
triggerName : {
required : true
},
triggerGroup : {
required : true
},
dayInterval : {
rangelength : [ 0, 3 ],
digits : true
},
weekInterval : {
rangelength : [ 0, 2 ],
digits : true
},
monthInterval : {
rangelength : [ 0, 2 ],
digits : true
},
HMInterval : {
rangelength : [ 0, 2 ],
max : 59,
digits : true
}
}
});
new biz.select({
id : "#maxDelayTime",
data : [ {
'name' : '30秒',
'value' : '30s'
}, {
'name' : '1分钟',
'value' : '1 minute'
}, {
'name' : '3分钟',
'value' : '3 minutes'
}, {
'name' : '5分钟',
'value' : '5 minutes'
}, {
'name' : '10分钟',
'value' : '10 minutes'
}, {
'name' : '15分钟',
'value' : '15 minutes'
}, {
'name' : '30分钟',
'value' : '30 minutes'
}, {
'name' : '1小时',
'value' : '1 hour'
}, {
'name' : '2小时',
'value' : '2 hours'
}, {
'name' : '3小时',
'value' : '3 hours'
}, {
'name' : '5小时',
'value' : '5 hours'
}, {
'name' : '8小时',
'value' : '8 hours'
}, {
'name' : '10小时',
'value' : '10 hours'
}, {
'name' : '15小时',
'value' : '15 hours'
}, {
'name' : '20小时',
'value' : '20 hours'
}, {
'name' : '1天',
'value' : '1 day'
} ],
value : "<c:out value='${taskTrigger.maxDelayTime}'/>"
});
new biz.select({
id : "#maxExecuteTime",
data : [ {
'name' : '30分钟',
'value' : '30 minutes'
}, {
'name' : '1小时',
'value' : '1 hour'
}, {
'name' : '3小时',
'value' : '3 hours'
}, {
'name' : '8小时',
'value' : '8 hours'
}, {
'name' : '12小时',
'value' : '12 hours'
}, {
'name' : '1天',
'value' : '1 day'
}, {
'name' : '2天',
'value' : '2 day'
}, {
'name' : '3天',
'value' : '3 day'
} ],
value : "<c:out value='${taskTrigger.maxExecuteTime}'/>"
});
new biz.checkbox({
id : "#wdate",
data : [ {
'label' : '周一',
'name' : 'whatDay',
'value' : '2'
}, {
'label' : '周二',
'name' : 'whatDay',
'value' : '3'
}, {
'label' : '周三',
'name' : 'whatDay',
'value' : '4'
}, {
'label' : '周四',
'name' : 'whatDay',
'value' : '5'
}, {
'label' : '周五',
'name' : 'whatDay',
'value' : '6'
}, {
'label' : '周六',
'name' : 'whatDay',
'value' : '7'
}, {
'label' : '周日',
'name' : 'whatDay',
'value' : '1'
} ],
value : "<c:out value='${taskTrigger.whatDay}'/>"
});
new biz.select({
id : "#unit",
data : [ {
'name' : '',
'value' : ''
}, {
'name' : '小时',
'value' : 'hours'
}, {
'name' : '分钟',
'value' : 'minutes'
} ],
value : "<c:out value='${taskTrigger.unit}'/>"
});
new biz.comboboxlist({
id : "#week",
data : [ {
'name' : '周一',
'value' : '2'
}, {
'name' : '周二',
'value' : '3'
}, {
'name' : '周三',
'value' : '4'
}, {
'name' : '周四',
'value' : '5'
}, {
'name' : '周五',
'value' : '6'
}, {
'name' : '周六',
'value' : '7'
}, {
'name' : '周日',
'value' : '1'
} ],
usinglimit : false
});
new biz.comboboxlist({
id : "#quarter",
data : [ {
'name' : '一',
'value' : '1'
}, {
'name' : '二',
'value' : '2'
}, {
'name' : '三',
'value' : '3'
}, {
'name' : '四',
'value' : '4'
}, {
'name' : '最后一个',
'value' : 'L'
} ],
usinglimit : false,
width : 100
});
new biz.comboboxlist({
id : "#someday",
data : [ {
'name' : '1',
'value' : '1'
}, {
'name' : '2',
'value' : '2'
}, {
'name' : '3',
'value' : '3'
}, {
'name' : '4',
'value' : '4'
}, {
'name' : '5',
'value' : '5'
}, {
'name' : '6',
'value' : '6'
}, {
'name' : '7',
'value' : '7'
}, {
'name' : '8',
'value' : '8'
}, {
'name' : '9',
'value' : '9'
}, {
'name' : '10',
'value' : '10'
}, {
'name' : '11',
'value' : '11'
}, {
'name' : '12',
'value' : '12'
}, {
'name' : '13',
'value' : '13'
}, {
'name' : '14',
'value' : '14'
}, {
'name' : '15',
'value' : '15'
}, {
'name' : '16',
'value' : '16'
}, {
'name' : '17',
'value' : '17'
}, {
'name' : '18',
'value' : '18'
}, {
'name' : '19',
'value' : '19'
}, {
'name' : '20',
'value' : '20'
}, {
'name' : '21',
'value' : '21'
}, {
'name' : '22',
'value' : '22'
}, {
'name' : '23',
'value' : '23'
}, {
'name' : '24',
'value' : '24'
}, {
'name' : '25',
'value' : '25'
}, {
'name' : '26',
'value' : '26'
}, {
'name' : '27',
'value' : '27'
}, {
'name' : '28',
'value' : '28'
}, {
'name' : '29',
'value' : '29'
}, {
'name' : '30',
'value' : '30'
}, {
'name' : '31',
'value' : '31'
}, {
'name' : '最后一天',
'value' : 'L'
} ],
columns : 4,
usinglimit : false
});
new biz.datepicker({
id : "#executeTime",
autoUpdateOnChanged : true,
dateFmt : "HH:mm:ss",
realDateFmt : "HH:mm:ss",
minDate : " 00:00:00",
maxDate : " 23:59:59"
});
new biz.datepicker({
id : "#runTime",
autoUpdateOnChanged : true,
dateFmt : "HH:mm:ss",
realDateFmt : "HH:mm:ss",
minDate : " 00:00:00",
maxDate : " 23:59:59"
});
new biz.datepicker({
id : "#endTime",
autoUpdateOnChanged : true,
dateFmt : "HH:mm:ss",
realDateFmt : "HH:mm:ss",
realFullFmt : "%Time",
minDate : " 00:00:00",
maxDate : " 23:59:59"
});
new biz.datepicker({
id : "#beginDate",
realFullFmt : "%Date",
minDate : "1900-01-01 ",
maxDate : "2099-12-31 "
});
new biz.datepicker({
id : "#deadline",
realFullFmt : "%Date ",
minDate : "1900-01-01 ",
maxDate : "2099-12-31 "
});
//生效日期的验证 (日期格式为yyyy-MM-dd)
new biz.validate({
id : "#beginDate",
dateISO : true,
required : true
});
//截止日期的验证 (日期格式为yyyy-MM-dd)
new biz.validate({
id : "#deadline",
dateISO : true,
});
$(":radio").click(function() {
/* var list= $('input:radio[name="triggerPeriod"]:checked').val();
if(list==null){
alert("请选中一个!");
} */
if ($('input:radio[name="triggerPeriod"]:checked').val() == "dayly") {
//选中每天的时候,每周与每月的不可编辑
$("#dayInterval").attr("disabled", false);
$("#weekInterval").attr("disabled", true);
$("#wdate").attr("disabled", true);
$("#monthInterval").attr("disabled", true);
$("#day1").attr("disabled", true);
$("#someday").attr("disabled", true);
$("#day2").attr("disabled", true);
$("#quarter").attr("disabled", true);
$("#week").attr("disabled", true);
$("#weekInterval").attr("value",'');
$("#wdate").attr("value",'');
$("#monthInterval").attr("value",'');
$("#detailDay").attr("value",'');
$("#someday").attr("value",'');
$("#quarter").attr("value",'');
$("#week").attr("value",'');
//使每月的选项设置隐藏
// $("#t1").hide();
}
if ($('input:radio[name="triggerPeriod"]:checked').val() == "weekly") {
//选中每周的时候,每天与每月的选项不可编辑
$("#dayInterval").attr("disabled", true);
$("#weekInterval").attr("disabled", false);
$("#wdate").attr("disabled", false);
$("#monthInterval").attr("disabled", true);
$("#day1").attr("disabled", true);
$("#someday").attr("disabled", true);
$("#day2").attr("disabled", true);
$("#quarter").attr("disabled", true);
$("#week").attr("disabled", true);
$("#dayInterval").attr("value",'');
$("#monthInterval").attr("value",'');
$("#detailDay").attr("value",'');
$("#someday").attr("value",'');
$("#quarter").attr("value",'');
$("#week").attr("value",'');
}
if ($('input:radio[name="triggerPeriod"]:checked').val() == "monthly") {
//选中每月的时候,每天与每周的不可编辑,必须在具体那一天发生的两个选择中选择其中的一个
$("#dayInterval").attr("disabled", true);
$("#weekInterval").attr("disabled", true);
$("#wdate").attr("disabled", true);
$("#monthInterval").attr("disabled", false);
$("#day1").attr("disabled", false);
$("#day2").attr("disabled", false);
$("#dayInterval").attr("value",'');
$("#weekInterval").attr("value",'');
$("#wdate").attr("value",'');
//选中具体的某个月的某一天时
if ($('input:radio[name="detailDay"]:checked').val() == "0") {
$("#someday").attr("disabled", false);
$("#quarter").attr("disabled", true);
$("#week").attr("disabled", true);
$("#quarter").attr("value",'');
$("#week").attr("value",'');
}
//选中某个月的某个周的某一天时
if ($('input:radio[name="detailDay"]:checked').val() == "1") {
$("#someday").attr("disabled", true);
$("#quarter").attr("disabled", false);
$("#week").attr("disabled", false);
$("#someday").attr("value",'');
}
}
/* var val=$('input:radio[name="frequency"]:checked').val();
if(val==null){
alert("每日频率不能为空,请选择选择其中的一项!");
} */
//每日频率的选择,选择执行时间时
if ($('input:radio[name="frequency"]:checked').val() == "0") {
$("#executeTime").attr("disabled", false);
$("#HMInterval").attr("disabled", true);
$("#unit").attr("disabled", true);
$("#runTime").attr("disabled", true);
$("#endTime").attr("disabled", true);
$("#HMInterval").attr("value",'');
$("#unit").attr("value",'');
$("#runTime").attr("value",'');
$("#endTime").attr("value",'');
}
//选择发生周期时
if ($('input:radio[name="frequency"]:checked').val() == "1") {
$("#executeTime").attr("disabled", true);
$("#HMInterval").attr("disabled", false);
$("#unit").attr("disabled", false);
$("#runTime").attr("disabled", false);
$("#endTime").attr("disabled", false);
$("#executeTime").attr("value",'');
}
});
</script>
contentType="text/html; charset=UTF-8"%>
<%@ include file="/pages/inc/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>新增调度</title>
<style type="text/css">
.barContentTitle {
margin: 1px;
height: 28px;
background-color: #D8D8D8;
*width: 100%;
}
</style>
<%@ include file="/pages/inc/header.jsp"%>
</head>
<body>
<%@ include file="/pages/inc/common.jsp"%>
<div id="container" class="main">
<div class="barTitle">
<div class="content">
<a href="javascript:;" onfocus="this.blur();"></a> <span>新增调度</span>
</div>
</div>
<hr class="barTitleHr"></hr>
<form id="taskTriggerForm" action="<c:url value='/taskTrigger/save'/>"
method="post">
<div class="barContentTitle">
<div class="content">
<span>基本信息</span>
</div>
</div>
<div class="clear">
<table class="table">
<tr>
<td class="inputLabelTd">调度名称:</td>
<td class="inputTd"><input id="triggerName"
name="triggerName" type="text" class="text"
value="<c:out value='${taskTrigger.triggerName}'/>" /></td>
<td class="inputLabelTd">调度分组:</td>
<td class="inputTd"><input id="triggerGroup"
name="triggerGroup" type="text" class="text"
value="<c:out value='${taskTrigger.triggerGroup}'/>" /></td>
</tr>
<tr>
<td class="inputLabelTd">对应任务名称:</td>
<td class="inputTd"><select id="taskName" name="taskName"
type="select" class="text"
value="<c:out value='${taskScheduler.taskName}'/>" /></td>
<td class="inputLabelTd">生效日期:</td>
<td class="inputTd"><input id="beginDate" name="beginDate"
type="text" class="Wdate"
value="<c:out value='${taskTrigger.beginDate}'/>" /></td>
</tr>
<tr>
<td class="inputLabelTd">截止日期:</td>
<td class="inputTd"><input id="deadline" name="deadline"
type="text" class="Wdate"
value="<c:out value='${taskTrigger.deadline}'/>" /></td>
<td class="inputLabelTd"></td>
<td class="inputTd"></div>
</tr>
</table>
</div>
<div class="barContentTitle">
<div class="content">
<span>发生频率</span>
</div>
</div>
<div class="clear">
<table class="table">
<tr>
<td class="inputLabelTd"><input id="r1" type="radio"
name="triggerPeriod" value="dayly" checked/>每天</td>
<td class="inputTd">每 <input id="dayInterval"
type="text" name="dayInterval" size="5"
value="<c:out value='${taskTrigger.dayInterval}'/>">
天
</td>
<td class="inputTd"> </td>
<td class="inputTd"> </td>
<td></td>
</tr>
<tr>
<td class="inputLabelTd"><input id="r2" type="radio"
name="triggerPeriod" value="weekly" />每周</td>
<td class="inputTd">每 <input id="weekInterval"
type="text" name="weekInterval" size="5" disabled="true"
value="<c:out value='${taskTrigger.weekInterval}'/>">
周
</td>
<td class="inputTd">发生在:</td>
<td class="inputTd"><div id="wdate" name="whatDay"
disabled="true"></div></td>
<td></td>
</tr>
<tr>
<td class="inputLabelTd"><input id="r3" type="radio"
name="triggerPeriod" value="monthly" />每月</td>
<td class="inputTd">每 <input id="monthInterval"
type="text" name="monthInterval" size="5" disabled="true"
value="<c:out value='${taskTrigger.monthInterval}'/>">
月
</td>
<td class="inputTd">发生在:</td>
<td class="inputTd"><div id="t1">
<input id="day1" type="radio" name="detailDay" value="0"
disabled="true">第 <input id="someday"
name="someday" type="text" class="text" disabled="true"
value="<c:out value='${taskTrigger.someday}'/>" /> 天 <br />
<input id="day2" type="radio" name="detailDay" value="1"
disabled="true">第 <input id="quarter"
name="weekInMonth" type="text" class="text" disabled="true"
value="<c:out value='${taskTrigger.weekInMonth}'/>" />
个 <input id="week" name="DOWIM" type="text" class="text"
disabled="true" value="<c:out value='${taskTrigger.DOWIM}'/>" />
</div></td>
</tr>
</table>
</div>
<div class="barContentTitle">
<div class="content">
<span>每日频率</span>
</div>
</div>
<div class="clear">
<table class="table">
<tr>
<td class="inputLabelTd"><input id="frequency1" type="radio"
name="frequency" value="0" checked/>执行时间:</td>
<td class="inputTd"><input id="executeTime"
name="executeTime"
value="<c:out value='${taskTrigger.executeTime}'/>" type="text"
class="Wdate" /></td>
</tr>
<tr>
<td class="inputLabelTd"><input id="frequency2" type="radio"
name="frequency" value="1" />发生周期:</td>
<td class="inputTd">每隔 <input id="HMInterval"
name="HMInterval" type="text" size="5" value="<c:out value='${taskTrigger.HMInterval}'/>"/> <select id="unit"
name="unit" class="select" ></select> 起始于 <input
id="runTime" name="runTime" type="text"
value="<c:out value='${taskTrigger.runTime}'/>" class="Wdate" />
<!-- <input type="text" name="hours" size=5>时
<input type="text" name="minute" size=5>分 -->
截止于 <input id="endTime" name="endTime" type="text"
value="<c:out value='${taskTrigger.endTime}'/>" class="Wdate" />
</td>
</tr>
</table>
</div>
<div class="barContentTitle">
<div class="content">
<span>设置</span>
</div>
</div>
<div class="clear">
<table class="table">
<tr>
<td class="inputLabelTd">最多延迟时间:</td>
<td class="inputTd"><select id="maxDelayTime"
name="maxDelayTime" class="select"></select></td>
<td class="inputLabelTd">最大运行时间:</td>
<td class="inputTd" colspan="3"><select id="maxExecuteTime"
name="maxExecuteTime" class="select"></select></td>
</tr>
</table>
</div>
<table class="table foottable">
<tfoot class="footTd">
<tr>
<td class="inputTd">
<button id="submit_button" type="button" onclick="save(this);">保存</button>
<!-- <button id="reset_button" type="reset">重置</button> -->
<button id="back_button" type="button"
onclick="window.location = '<c:url value="/taskTrigger"/>'">取消</button>
</td>
</tr>
</tfoot>
</table>
</form>
</div>
<div id="errorDialog"></div>
<%@ include file="/pages/inc/footer.jsp"%>
</body>
</html>
<script type="text/javascript">
new biz.button({
id : "#submit_button",
icons : {
primary : 'ui-icon-disk'
}
});
/* new biz.button({id:"#reset_button", icons: {primary:'ui-icon-refresh'}}); */
new biz.button({
id : "#back_button",
icons : {
primary : 'ui-icon-arrowthick-1-w'
}
});
$(function() {
$("#taskName").combobox({
url : "<c:url value='/taskTrigger/getAllTaskName'/>"
});
})
function save(button) {
form = button.form;
if (!biz.validate("valid", form)) {
showWarn("<fmt:message key='validation.object'/>", 3000);
return;
}
//截止日期与生效日期的比较
var start_date = $("#beginDate").val();
var close_date = $("#deadline").val();
if (start_date != "" && close_date != "") {
var sdate = start_date.toString();
var sYear = sdate.substring(0, 4);
var sMon = sdate.substring(5, 7);
var sDay = sdate.substring(8, 10);
var cdate = close_date.toString();
var cYear = cdate.substring(0, 4);
var cMon = cdate.substring(5, 7);
var cDay = cdate.substring(8, 10);
var start = new Date(sYear, sMon, sDay);
var end = new Date(cYear, cMon, cDay);
var gap = parseInt(end - start) / (1000 * 60 * 60 * 24);
if (gap < 0) {
alert("截止日期必须大于生效日期 !");
return false;
}
}
if($("#taskName").val() == ""){
alert("请选择对应的任务!");
return false;
}
var val=$('input:radio[name="triggerPeriod"]:checked').val();
if (val =="weekly"){
if(jQuery("input[name='whatDay']:checked").length == 0){
alert("请选择星期几!");
return false;
}
}
if (val =="monthly"){
var someday =document.getElementById("someday").value;
var week =document.getElementById("week").value;
if(someday == "" && week== ""){
alert("请选择具体哪一天!");
return false;
}
}
var executeTime = document.getElementById("executeTime").value;
var runTime = document.getElementById("runTime").value;
var endTime = document.getElementById("endTime").value;
if (executeTime == "" && runTime == "") {
alert("请输入执行时间!");
return false;
}
if (executeTime == null || executeTime == "") {
form.submit(runTime, endTime);
}
if (runTime == null || runTime == "") {
form.submit(executeTime);
}
}
//taskTriggerForm表单内容的验证
new biz.validate({
id : "#taskTriggerForm",
rules : {
triggerName : {
required : true
},
triggerGroup : {
required : true
},
dayInterval : {
rangelength : [ 0, 3 ],
digits : true
},
weekInterval : {
rangelength : [ 0, 2 ],
digits : true
},
monthInterval : {
rangelength : [ 0, 2 ],
digits : true
},
HMInterval : {
rangelength : [ 0, 2 ],
max : 59,
digits : true
}
}
});
new biz.select({
id : "#maxDelayTime",
data : [ {
'name' : '30秒',
'value' : '30s'
}, {
'name' : '1分钟',
'value' : '1 minute'
}, {
'name' : '3分钟',
'value' : '3 minutes'
}, {
'name' : '5分钟',
'value' : '5 minutes'
}, {
'name' : '10分钟',
'value' : '10 minutes'
}, {
'name' : '15分钟',
'value' : '15 minutes'
}, {
'name' : '30分钟',
'value' : '30 minutes'
}, {
'name' : '1小时',
'value' : '1 hour'
}, {
'name' : '2小时',
'value' : '2 hours'
}, {
'name' : '3小时',
'value' : '3 hours'
}, {
'name' : '5小时',
'value' : '5 hours'
}, {
'name' : '8小时',
'value' : '8 hours'
}, {
'name' : '10小时',
'value' : '10 hours'
}, {
'name' : '15小时',
'value' : '15 hours'
}, {
'name' : '20小时',
'value' : '20 hours'
}, {
'name' : '1天',
'value' : '1 day'
} ],
value : "<c:out value='${taskTrigger.maxDelayTime}'/>"
});
new biz.select({
id : "#maxExecuteTime",
data : [ {
'name' : '30分钟',
'value' : '30 minutes'
}, {
'name' : '1小时',
'value' : '1 hour'
}, {
'name' : '3小时',
'value' : '3 hours'
}, {
'name' : '8小时',
'value' : '8 hours'
}, {
'name' : '12小时',
'value' : '12 hours'
}, {
'name' : '1天',
'value' : '1 day'
}, {
'name' : '2天',
'value' : '2 day'
}, {
'name' : '3天',
'value' : '3 day'
} ],
value : "<c:out value='${taskTrigger.maxExecuteTime}'/>"
});
new biz.checkbox({
id : "#wdate",
data : [ {
'label' : '周一',
'name' : 'whatDay',
'value' : '2'
}, {
'label' : '周二',
'name' : 'whatDay',
'value' : '3'
}, {
'label' : '周三',
'name' : 'whatDay',
'value' : '4'
}, {
'label' : '周四',
'name' : 'whatDay',
'value' : '5'
}, {
'label' : '周五',
'name' : 'whatDay',
'value' : '6'
}, {
'label' : '周六',
'name' : 'whatDay',
'value' : '7'
}, {
'label' : '周日',
'name' : 'whatDay',
'value' : '1'
} ],
value : "<c:out value='${taskTrigger.whatDay}'/>"
});
new biz.select({
id : "#unit",
data : [ {
'name' : '',
'value' : ''
}, {
'name' : '小时',
'value' : 'hours'
}, {
'name' : '分钟',
'value' : 'minutes'
} ],
value : "<c:out value='${taskTrigger.unit}'/>"
});
new biz.comboboxlist({
id : "#week",
data : [ {
'name' : '周一',
'value' : '2'
}, {
'name' : '周二',
'value' : '3'
}, {
'name' : '周三',
'value' : '4'
}, {
'name' : '周四',
'value' : '5'
}, {
'name' : '周五',
'value' : '6'
}, {
'name' : '周六',
'value' : '7'
}, {
'name' : '周日',
'value' : '1'
} ],
usinglimit : false
});
new biz.comboboxlist({
id : "#quarter",
data : [ {
'name' : '一',
'value' : '1'
}, {
'name' : '二',
'value' : '2'
}, {
'name' : '三',
'value' : '3'
}, {
'name' : '四',
'value' : '4'
}, {
'name' : '最后一个',
'value' : 'L'
} ],
usinglimit : false,
width : 100
});
new biz.comboboxlist({
id : "#someday",
data : [ {
'name' : '1',
'value' : '1'
}, {
'name' : '2',
'value' : '2'
}, {
'name' : '3',
'value' : '3'
}, {
'name' : '4',
'value' : '4'
}, {
'name' : '5',
'value' : '5'
}, {
'name' : '6',
'value' : '6'
}, {
'name' : '7',
'value' : '7'
}, {
'name' : '8',
'value' : '8'
}, {
'name' : '9',
'value' : '9'
}, {
'name' : '10',
'value' : '10'
}, {
'name' : '11',
'value' : '11'
}, {
'name' : '12',
'value' : '12'
}, {
'name' : '13',
'value' : '13'
}, {
'name' : '14',
'value' : '14'
}, {
'name' : '15',
'value' : '15'
}, {
'name' : '16',
'value' : '16'
}, {
'name' : '17',
'value' : '17'
}, {
'name' : '18',
'value' : '18'
}, {
'name' : '19',
'value' : '19'
}, {
'name' : '20',
'value' : '20'
}, {
'name' : '21',
'value' : '21'
}, {
'name' : '22',
'value' : '22'
}, {
'name' : '23',
'value' : '23'
}, {
'name' : '24',
'value' : '24'
}, {
'name' : '25',
'value' : '25'
}, {
'name' : '26',
'value' : '26'
}, {
'name' : '27',
'value' : '27'
}, {
'name' : '28',
'value' : '28'
}, {
'name' : '29',
'value' : '29'
}, {
'name' : '30',
'value' : '30'
}, {
'name' : '31',
'value' : '31'
}, {
'name' : '最后一天',
'value' : 'L'
} ],
columns : 4,
usinglimit : false
});
new biz.datepicker({
id : "#executeTime",
autoUpdateOnChanged : true,
dateFmt : "HH:mm:ss",
realDateFmt : "HH:mm:ss",
minDate : " 00:00:00",
maxDate : " 23:59:59"
});
new biz.datepicker({
id : "#runTime",
autoUpdateOnChanged : true,
dateFmt : "HH:mm:ss",
realDateFmt : "HH:mm:ss",
minDate : " 00:00:00",
maxDate : " 23:59:59"
});
new biz.datepicker({
id : "#endTime",
autoUpdateOnChanged : true,
dateFmt : "HH:mm:ss",
realDateFmt : "HH:mm:ss",
realFullFmt : "%Time",
minDate : " 00:00:00",
maxDate : " 23:59:59"
});
new biz.datepicker({
id : "#beginDate",
realFullFmt : "%Date",
minDate : "1900-01-01 ",
maxDate : "2099-12-31 "
});
new biz.datepicker({
id : "#deadline",
realFullFmt : "%Date ",
minDate : "1900-01-01 ",
maxDate : "2099-12-31 "
});
//生效日期的验证 (日期格式为yyyy-MM-dd)
new biz.validate({
id : "#beginDate",
dateISO : true,
required : true
});
//截止日期的验证 (日期格式为yyyy-MM-dd)
new biz.validate({
id : "#deadline",
dateISO : true,
});
$(":radio").click(function() {
/* var list= $('input:radio[name="triggerPeriod"]:checked').val();
if(list==null){
alert("请选中一个!");
} */
if ($('input:radio[name="triggerPeriod"]:checked').val() == "dayly") {
//选中每天的时候,每周与每月的不可编辑
$("#dayInterval").attr("disabled", false);
$("#weekInterval").attr("disabled", true);
$("#wdate").attr("disabled", true);
$("#monthInterval").attr("disabled", true);
$("#day1").attr("disabled", true);
$("#someday").attr("disabled", true);
$("#day2").attr("disabled", true);
$("#quarter").attr("disabled", true);
$("#week").attr("disabled", true);
$("#weekInterval").attr("value",'');
$("#wdate").attr("value",'');
$("#monthInterval").attr("value",'');
$("#detailDay").attr("value",'');
$("#someday").attr("value",'');
$("#quarter").attr("value",'');
$("#week").attr("value",'');
//使每月的选项设置隐藏
// $("#t1").hide();
}
if ($('input:radio[name="triggerPeriod"]:checked').val() == "weekly") {
//选中每周的时候,每天与每月的选项不可编辑
$("#dayInterval").attr("disabled", true);
$("#weekInterval").attr("disabled", false);
$("#wdate").attr("disabled", false);
$("#monthInterval").attr("disabled", true);
$("#day1").attr("disabled", true);
$("#someday").attr("disabled", true);
$("#day2").attr("disabled", true);
$("#quarter").attr("disabled", true);
$("#week").attr("disabled", true);
$("#dayInterval").attr("value",'');
$("#monthInterval").attr("value",'');
$("#detailDay").attr("value",'');
$("#someday").attr("value",'');
$("#quarter").attr("value",'');
$("#week").attr("value",'');
}
if ($('input:radio[name="triggerPeriod"]:checked').val() == "monthly") {
//选中每月的时候,每天与每周的不可编辑,必须在具体那一天发生的两个选择中选择其中的一个
$("#dayInterval").attr("disabled", true);
$("#weekInterval").attr("disabled", true);
$("#wdate").attr("disabled", true);
$("#monthInterval").attr("disabled", false);
$("#day1").attr("disabled", false);
$("#day2").attr("disabled", false);
$("#dayInterval").attr("value",'');
$("#weekInterval").attr("value",'');
$("#wdate").attr("value",'');
//选中具体的某个月的某一天时
if ($('input:radio[name="detailDay"]:checked').val() == "0") {
$("#someday").attr("disabled", false);
$("#quarter").attr("disabled", true);
$("#week").attr("disabled", true);
$("#quarter").attr("value",'');
$("#week").attr("value",'');
}
//选中某个月的某个周的某一天时
if ($('input:radio[name="detailDay"]:checked').val() == "1") {
$("#someday").attr("disabled", true);
$("#quarter").attr("disabled", false);
$("#week").attr("disabled", false);
$("#someday").attr("value",'');
}
}
/* var val=$('input:radio[name="frequency"]:checked').val();
if(val==null){
alert("每日频率不能为空,请选择选择其中的一项!");
} */
//每日频率的选择,选择执行时间时
if ($('input:radio[name="frequency"]:checked').val() == "0") {
$("#executeTime").attr("disabled", false);
$("#HMInterval").attr("disabled", true);
$("#unit").attr("disabled", true);
$("#runTime").attr("disabled", true);
$("#endTime").attr("disabled", true);
$("#HMInterval").attr("value",'');
$("#unit").attr("value",'');
$("#runTime").attr("value",'');
$("#endTime").attr("value",'');
}
//选择发生周期时
if ($('input:radio[name="frequency"]:checked').val() == "1") {
$("#executeTime").attr("disabled", true);
$("#HMInterval").attr("disabled", false);
$("#unit").attr("disabled", false);
$("#runTime").attr("disabled", false);
$("#endTime").attr("disabled", false);
$("#executeTime").attr("value",'');
}
});
</script>
相关推荐
本主题将探讨如何利用jQuery实现一个特定的功能——“select下拉列表根据radio选项级联”。这个功能常用于创建动态表单,其中,用户选择一个radio按钮后,相关的select下拉列表会自动更新其选项,以提供与所选radio...
在这个例子中,`name`属性用于将多个`radio`按钮分组,确保用户只能选择一个。`value`属性定义了每个按钮的值,当用户提交表单时,这个值会被发送到服务器。 在JSP中,我们可以使用JSP标签库(例如JSTL)或者EL...
总结来说,这个"IOS应用源码之类似js的radio选项 .rar"可能包含了一个或多个上述方法的实现,提供了在iOS应用中实现类似JavaScript radio选项的功能。具体实现方式取决于解压后的源代码内容。学习和理解这段源码可以...
在我们的实例中,我们将使用jQuery来监听多个radio按钮的点击事件。 现在,让我们来看看具体的代码实现。我们首先创建了一个HTML结构,其中包含了多个被`<div>`元素包裹的`<input>` radio按钮。每个radio按钮都有一...
这个"IOS应用源码——类似js的radio选项.zip"文件提供了一个示例,展示了如何在Objective-C或Swift中实现这一功能。这里我们将深入探讨相关知识点。 首先,让我们了解JavaScript中的radio元素。在Web开发中,radio...
2. **使用UISegmentedControl**:另一种方法是使用UISegmentedControl,它允许用户在多个选项间进行选择,虽然默认样式与单选按钮略有不同,但可以通过自定义外观使其更接近。设置segmetedControl的`momentary`属性...
由于多个单选按钮可以共享相同的name属性,因此它们被称为一组。当一组中的radio按钮共享相同的name属性时,它们之间就形成了互斥关系,即同一时刻只能有一个按钮被选中。 1. 获取选中的radio值 要获取一组radio...
总的来说,"ios应用源码之类似js的radio选项"是一个关于如何在iOS平台上实现JavaScript风格单选按钮功能的实例。它涵盖了多种iOS开发技术,包括语言基础、UI设计、事件处理、数据管理以及用户交互等多个方面。通过...
在iOS应用开发中,"类似js的radio选项"通常指的是实现单选按钮(Radio Button)功能,这是一种常见的用户界面元素,允许用户在多个选项中选择一个。JavaScript中的radio按钮经常用于网页开发,而在iOS应用中,我们...
RadioGroup内部包含多个RadioButton,每个RadioButton代表一个可选项。当用户点击其中一个RadioButton时,RadioGroup会自动取消其他RadioButton的选择状态,确保同一时间只有一个被选中。 创建RadioGroup的基本步骤...
这种控件通常用于当用户需要从多个选项中进行单选的情况,例如性别选择(男/女)、颜色偏好等。在Web开发中,HTML `<input>` 标签的 `type="radio"` 属性用于创建Radio按钮。每个按钮都有一个唯一的值,并且通过相同...
- `name` 属性是关键,它将多个`radio`按钮关联在一起,确保同一组内的选项互斥。 - `value` 属性定义了每个选项的值,这将在提交表单时发送到服务器。 - 使用 `checked` 属性可以预设一个默认被选中的选项。 - ...
首先,HTML是页面的基础结构,我们需要为每个选项创建一个`radio`按钮,并通过`name`属性确保它们属于同一组,这样在同一时间只能选择其中一个。例如: ```html <input type="radio" id="size-s" name="size" value...
Radio按钮用于在多个选项中选择一个,而checkbox则允许用户选择多个选项。它们的默认样式通常是浏览器决定的,但通过CSS和JavaScript可以改变其外观和行为。 在jQuery中,我们可以使用`.addClass()`和`.removeClass...
GNU Radio 提供了大量的模块库,这些模块覆盖了信号产生、调制解调、滤波、信号分析等多个方面,极大地简化了开发过程。 **1.2 为什么使用GNU Radio** 传统的无线通信设备开发过程中,工程师通常需要设计特定的...
RAR是一种流行的压缩文件格式,由RarLab开发,用于将多个文件打包成一个单一的文件,以便于存储、传输和分发。这种压缩方式能够有效地减少文件占用的磁盘空间,同时提供了分卷压缩和密码保护等功能。 在提供的压缩...
Checkbox用于提供多选选项,用户可以勾选多个选项;而radio则是单选按钮,用户只能选择其中一个选项。 在jQuery中,操作这些元素通常涉及到选择它们,改变它们的状态,以及响应用户的交互。以下是一些常见的jQuery...
ListView是一种可以容纳多个视图(View)并进行滚动的控件。每个视图代表列表中的一个条目。通过Adapter对象,ListView可以从数据源获取数据并将其转化为可显示的视图。Adapter是连接ListView和数据源的桥梁,它可以...
在Android开发中,Radio是单选按钮的简称,通常用于在一个组内提供多个选项,用户只能选择其中的一个。本文将详细介绍如何在Android 4.2环境下实现Radio,并通过一个小实例来展示具体步骤。 首先,我们需要了解...
在网页设计中,传统的单选按钮(Radio)通常用于提供多个选项让用户选择其中之一。然而,为了提升用户体验和界面美观度,有时我们希望用图片来替代这些单调的文字或图标。本教程将详细介绍如何在JavaScript(JS)中...