cron.cshtml 18.6 KB
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
	<title>在线Cron表达式生成器</title>
    <link href="~/cornnew/themes/bootstrap/easyui.min.css" rel="stylesheet" />
    <link href="~/cornnew/themes/bootstrap/icon.css" rel="stylesheet" />
    <script src="~/cornnew/js/jquery.min.js"></script>
    <script src="~/cornnew/js/cron.min.js"></script>
	<style type="text/css">
		.line {
			height: 25px;
			line-height: 25px;
			margin: 3px;
		}

		.imp {
			padding-left: 25px;
		}

		.col {
			width: 95px;
		}

		ul {
			list-style: none;
			padding-left: 10px;
		}

		li {
			height: 20px;
		}

		td a {
			font-size: 16px;
		}

		.layout-panel-south {
			top: 272px !important;
		}
	</style>
</head>
<body>
	<div class="easyui-layout" style="width: 830px; height: 500px; border: 1px rgb(202, 196, 196) solid; border-radius: 5px">
		<div style="height: 100%">
			<div class="easyui-tabs" data-options="fit:true,border:false">
				<div title="秒">
					<div class="line">
						<input type="radio" checked="checked" name="second" onclick="everyTime(this)" />
						每秒 允许的通配符[, - * /]
					</div>
					<div class="line">
						<input type="radio" name="second" onclick="cycle(this)" />
						周期从
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:58" value="1" id="secondStart_0" />
						-
						<input class="numberspinner" style="width: 60px" data-options="min:2,max:59" value="2" id="secondEnd_0" />

					</div>
					<div class="line">
						<input type="radio" name="second" onclick="startOn(this)" />

						<input class="numberspinner" style="width: 60px" data-options="min:0,max:59" value="0" id="secondStart_1" />
						秒开始,每
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:59" value="1" id="secondEnd_1" />
						秒执行一次
					</div>
					<div class="line">
						<input type="radio" name="second" id="sencond_appoint" />
						指定
					</div>
					<div class="imp secondList"><input type="checkbox" value="0" />00 <input type="checkbox" value="1" />01 <input type="checkbox" value="2" />02 <input type="checkbox" value="3" />03 <input type="checkbox" value="4" />04 <input type="checkbox" value="5" />05 <input type="checkbox" value="6" />06 <input type="checkbox" value="7" />07 <input type="checkbox" value="8" />08 <input type="checkbox" value="9" />09</div>
					<div class="imp secondList"><input type="checkbox" value="10" />10 <input type="checkbox" value="11" />11 <input type="checkbox" value="12" />12 <input type="checkbox" value="13" />13 <input type="checkbox" value="14" />14 <input type="checkbox" value="15" />15 <input type="checkbox" value="16" />16 <input type="checkbox" value="17" />17 <input type="checkbox" value="18" />18 <input type="checkbox" value="19" />19</div>
					<div class="imp secondList"><input type="checkbox" value="20" />20 <input type="checkbox" value="21" />21 <input type="checkbox" value="22" />22 <input type="checkbox" value="23" />23 <input type="checkbox" value="24" />24 <input type="checkbox" value="25" />25 <input type="checkbox" value="26" />26 <input type="checkbox" value="27" />27 <input type="checkbox" value="28" />28 <input type="checkbox" value="29" />29</div>
					<div class="imp secondList"><input type="checkbox" value="30" />30 <input type="checkbox" value="31" />31 <input type="checkbox" value="32" />32 <input type="checkbox" value="33" />33 <input type="checkbox" value="34" />34 <input type="checkbox" value="35" />35 <input type="checkbox" value="36" />36 <input type="checkbox" value="37" />37 <input type="checkbox" value="38" />38 <input type="checkbox" value="39" />39</div>
					<div class="imp secondList"><input type="checkbox" value="40" />40 <input type="checkbox" value="41" />41 <input type="checkbox" value="42" />42 <input type="checkbox" value="43" />43 <input type="checkbox" value="44" />44 <input type="checkbox" value="45" />45 <input type="checkbox" value="46" />46 <input type="checkbox" value="47" />47 <input type="checkbox" value="48" />48 <input type="checkbox" value="49" />49</div>
					<div class="imp secondList"><input type="checkbox" value="50" />50 <input type="checkbox" value="51" />51 <input type="checkbox" value="52" />52 <input type="checkbox" value="53" />53 <input type="checkbox" value="54" />54 <input type="checkbox" value="55" />55 <input type="checkbox" value="56" />56 <input type="checkbox" value="57" />57 <input type="checkbox" value="58" />58 <input type="checkbox" value="59" />59</div>
				</div>
				<div title="分钟">
					<div class="line">
						<input type="radio" checked="checked" name="min" onclick="everyTime(this)" />
						分钟 允许的通配符[, - * /]
					</div>
					<div class="line">
						<input type="radio" name="min" onclick="cycle(this)" />
						周期从
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:58" value="1" id="minStart_0" />
						-
						<input class="numberspinner" style="width: 60px" data-options="min:2,max:59" value="2" id="minEnd_0" />
						分钟
					</div>
					<div class="line">
						<input type="radio" name="min" onclick="startOn(this)" />

						<input class="numberspinner" style="width: 60px" data-options="min:0,max:59" value="0" id="minStart_1" />
						分钟开始,每
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:59" value="1" id="minEnd_1" />
						分钟执行一次
					</div>
					<div class="line">
						<input type="radio" name="min" id="min_appoint" />
						指定
					</div>
					<div class="imp minList"><input type="checkbox" value="0" />00 <input type="checkbox" value="1" />01 <input type="checkbox" value="2" />02 <input type="checkbox" value="3" />03 <input type="checkbox" value="4" />04 <input type="checkbox" value="5" />05 <input type="checkbox" value="6" />06 <input type="checkbox" value="7" />07 <input type="checkbox" value="8" />08 <input type="checkbox" value="9" />09</div>
					<div class="imp minList"><input type="checkbox" value="10" />10 <input type="checkbox" value="11" />11 <input type="checkbox" value="12" />12 <input type="checkbox" value="13" />13 <input type="checkbox" value="14" />14 <input type="checkbox" value="15" />15 <input type="checkbox" value="16" />16 <input type="checkbox" value="17" />17 <input type="checkbox" value="18" />18 <input type="checkbox" value="19" />19</div>
					<div class="imp minList"><input type="checkbox" value="20" />20 <input type="checkbox" value="21" />21 <input type="checkbox" value="22" />22 <input type="checkbox" value="23" />23 <input type="checkbox" value="24" />24 <input type="checkbox" value="25" />25 <input type="checkbox" value="26" />26 <input type="checkbox" value="27" />27 <input type="checkbox" value="28" />28 <input type="checkbox" value="29" />29</div>
					<div class="imp minList"><input type="checkbox" value="30" />30 <input type="checkbox" value="31" />31 <input type="checkbox" value="32" />32 <input type="checkbox" value="33" />33 <input type="checkbox" value="34" />34 <input type="checkbox" value="35" />35 <input type="checkbox" value="36" />36 <input type="checkbox" value="37" />37 <input type="checkbox" value="38" />38 <input type="checkbox" value="39" />39</div>
					<div class="imp minList"><input type="checkbox" value="40" />40 <input type="checkbox" value="41" />41 <input type="checkbox" value="42" />42 <input type="checkbox" value="43" />43 <input type="checkbox" value="44" />44 <input type="checkbox" value="45" />45 <input type="checkbox" value="46" />46 <input type="checkbox" value="47" />47 <input type="checkbox" value="48" />48 <input type="checkbox" value="49" />49</div>
					<div class="imp minList"><input type="checkbox" value="50" />50 <input type="checkbox" value="51" />51 <input type="checkbox" value="52" />52 <input type="checkbox" value="53" />53 <input type="checkbox" value="54" />54 <input type="checkbox" value="55" />55 <input type="checkbox" value="56" />56 <input type="checkbox" value="57" />57 <input type="checkbox" value="58" />58 <input type="checkbox" value="59" />59</div>
				</div>
				<div title="小时">
					<div class="line">
						<input type="radio" checked="checked" name="hour" onclick="everyTime(this)" />
						小时 允许的通配符[, - * /]
					</div>
					<div class="line">
						<input type="radio" name="hour" onclick="cycle(this)" />
						周期从
						<input class="numberspinner" style="width: 60px" data-options="min:0,max:23" value="0" id="hourStart_0" />
						-
						<input class="numberspinner" style="width: 60px" data-options="min:2,max:23" value="2" id="hourEnd_1" />
						小时
					</div>
					<div class="line">
						<input type="radio" name="hour" onclick="startOn(this)" />

						<input class="numberspinner" style="width: 60px" data-options="min:0,max:23" value="0" id="hourStart_1" />
						小时开始,每
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:23" value="1" id="hourEnd_1" />
						小时执行一次
					</div>
					<div class="line">
						<input type="radio" name="hour" id="hour_appoint" />
						指定
					</div>
					<div class="imp hourList">
						AM:
						<input type="checkbox" value="0" />00 <input type="checkbox" value="1" />01 <input type="checkbox" value="2" />02 <input type="checkbox" value="3" />03 <input type="checkbox" value="4" />04 <input type="checkbox" value="5" />05 <input type="checkbox" value="6" />06 <input type="checkbox" value="7" />07 <input type="checkbox" value="8" />08 <input type="checkbox" value="9" />09 <input type="checkbox" value="10" />10 <input type="checkbox" value="11" />11
					</div>
					<div class="imp hourList">
						PM:
						<input type="checkbox" value="12" />12 <input type="checkbox" value="13" />13 <input type="checkbox" value="14" />14 <input type="checkbox" value="15" />15 <input type="checkbox" value="16" />16 <input type="checkbox" value="17" />17 <input type="checkbox" value="18" />18 <input type="checkbox" value="19" />19 <input type="checkbox" value="20" />20 <input type="checkbox" value="21" />21 <input type="checkbox" value="22" />22 <input type="checkbox" value="23" />23
					</div>
				</div>
				<div title="日">
					<div class="line">
						<input type="radio" checked="checked" name="day" onclick="everyTime(this)" />
						日 允许的通配符[, - * / L W]
					</div>
					<div class="line">
						<input type="radio" name="day" onclick="unAppoint(this)" />
						不指定
					</div>
					<div class="line">
						<input type="radio" name="day" onclick="cycle(this)" />
						周期从
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:31" value="1" id="dayStart_0" />
						-
						<input class="numberspinner" style="width: 60px" data-options="min:2,max:31" value="2" id="dayEnd_0" />

					</div>
					<div class="line">
						<input type="radio" name="day" onclick="startOn(this)" />

						<input class="numberspinner" style="width: 60px" data-options="min:1,max:31" value="1" id="dayStart_1" />
						日开始,每
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:31" value="1" id="dayEnd_1" />
						天执行一次
					</div>
					<div class="line">
						<input type="radio" name="day" onclick="workDay(this)" />
						每月
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:31" value="1" id="dayStart_2" />
						号最近的那个工作日
					</div>
					<div class="line">
						<input type="radio" name="day" onclick="lastDay(this)" />
						本月最后一天
					</div>
					<div class="line">
						<input type="radio" name="day" id="day_appoint" />
						指定
					</div>
					<div class="imp dayList">
						<input type="checkbox" value="1" />1 <input type="checkbox" value="2" />2 <input type="checkbox" value="3" />3 <input type="checkbox" value="4" />4 <input type="checkbox" value="5" />5 <input type="checkbox" value="6" />6 <input type="checkbox" value="7" />7 <input type="checkbox" value="8" />8 <input type="checkbox" value="9" />9 <input type="checkbox" value="10" />10 <input type="checkbox" value="11" />11 <input type="checkbox" value="12" />12
						<input type="checkbox" value="13" />13 <input type="checkbox" value="14" />14 <input type="checkbox" value="15" />15 <input type="checkbox" value="16" />16
					</div>
					<div class="imp dayList">
						<input type="checkbox" value="17" />17 <input type="checkbox" value="18" />18 <input type="checkbox" value="19" />19 <input type="checkbox" value="20" />20 <input type="checkbox" value="21" />21 <input type="checkbox" value="22" />22 <input type="checkbox" value="23" />23 <input type="checkbox" value="24" />24 <input type="checkbox" value="25" />25 <input type="checkbox" value="26" />26 <input type="checkbox" value="27" />27 <input type="checkbox" value="28" />28
						<input type="checkbox" value="29" />29 <input type="checkbox" value="30" />30 <input type="checkbox" value="31" />31
					</div>
				</div>
				<div title="月">
					<div class="line">
						<input type="radio" checked="checked" name="mouth" onclick="everyTime(this)" />
						月 允许的通配符[, - * /]
					</div>
					<div class="line">
						<input type="radio" name="mouth" onclick="unAppoint(this)" />
						不指定
					</div>
					<div class="line">
						<input type="radio" name="mouth" onclick="cycle(this)" />
						周期从
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:12" value="1" id="mouthStart_0" />
						-
						<input class="numberspinner" style="width: 60px" data-options="min:2,max:12" value="2" id="mouthEnd_0" />

					</div>
					<div class="line">
						<input type="radio" name="mouth" onclick="startOn(this)" />

						<input class="numberspinner" style="width: 60px" data-options="min:1,max:12" value="1" id="mouthStart_1" />
						日开始,每
						<input class="numberspinner" style="width: 60px" data-options="min:1,max:12" value="1" id="mouthEnd_1" />
						月执行一次
					</div>
					<div class="line">
						<input type="radio" name="mouth" id="mouth_appoint" />
						指定
					</div>
					<div class="imp mouthList">
						<input type="checkbox" value="1" />1 <input type="checkbox" value="2" />2 <input type="checkbox" value="3" />3 <input type="checkbox" value="4" />4 <input type="checkbox" value="5" />5 <input type="checkbox" value="6" />6 <input type="checkbox" value="7" />7 <input type="checkbox" value="8" />8 <input type="checkbox" value="9" />9 <input type="checkbox" value="10" />10 <input type="checkbox" value="11" />11 <input type="checkbox" value="12" />12
					</div>
				</div>
				<div title="周">
					<div class="line">
						<input type="radio" checked="checked" name="week" onclick="everyTime(this)" />
						周 允许的通配符[, - * / L #]
					</div>
					<div class="line">
						<input type="radio" name="week" onclick="unAppoint(this)" />
						不指定
					</div>
					<div class="line">
						<input type="radio" name="week" onclick="startOn(this)" />
						周期 从星期<input class="numberspinner" style="width: 60px" data-options="min:1,max:7" id="weekStart_0" value="1" />
						-
						<input class="numberspinner" style="width: 60px" data-options="min:2,max:7" value="2" id="weekEnd_0" />
					</div>
					<div class="line">
						<input type="radio" name="week" onclick="weekOfDay(this)" />
<input class="numberspinner" style="width: 60px" data-options="min:1,max:4" value="1" id="weekStart_1" /> 周 的星期<input class="numberspinner" style="width: 60px" data-options="min:1,max:7" id="weekEnd_1" value="1" />
					</div>
					<div class="line">
						<input type="radio" name="week" onclick="lastWeek(this)" />
						本月最后一个星期<input class="numberspinner" style="width: 60px" data-options="min:1,max:7" id="weekStart_2" value="1" />
					</div>
					<div class="line">
						<input type="radio" name="week" id="week_appoint" />
						指定
					</div>
					<div class="imp weekList"><input type="checkbox" value="1" />1 <input type="checkbox" value="2" />2 <input type="checkbox" value="3" />3 <input type="checkbox" value="4" />4 <input type="checkbox" value="5" />5 <input type="checkbox" value="6" />6 <input type="checkbox" value="7" />7</div>
				</div>
				<div title="年">
					<div class="line">
						<input type="radio" checked="checked" name="year" onclick="unAppoint(this)" />
						不指定 允许的通配符[, - * /] 非必填
					</div>
					<div class="line">
						<input type="radio" name="year" onclick="everyTime(this)" />
						每年
					</div>
					<div class="line">
						<input type="radio" name="year" onclick="cycle(this)" />周期 从
						<input class="numberspinner" style="width: 90px" data-options="min:2013,max:3000" id="yearStart_0" value="2013" />
						-
						<input class="numberspinner" style="width: 90px" data-options="min:2014,max:3000" id="yearEnd_0" value="2014" />
					</div>
				</div>
			</div>
		</div>
		<div data-options="region:'south',border:false" style="height: 300px">
			<fieldset style="border-radius: 3px; height: 210px">
				<legend>表达式</legend>
				<table style="height: 100px">
					<tbody>
						<tr>
							<td></td>
							<td align="center"></td>
							<td align="center">分钟</td>
							<td align="center">小时</td>
							<td align="center"></td>
							<td align="center"><br /></td>
							<td align="center">星期</td>
							<td align="center"></td>
						</tr>
						<tr>
							<td>表达式字段:</td>
							<td>
								<input type="text" name="v_second" class="col" value="*" readonly="readonly" />
							</td>
							<td>
								<input type="text" name="v_min" class="col" value="*" readonly="readonly" />
							</td>
							<td>
								<input type="text" name="v_hour" class="col" value="*" readonly="readonly" />
							</td>
							<td>
								<input type="text" name="v_day" class="col" value="*" readonly="readonly" />
							</td>
							<td>
								<input type="text" name="v_mouth" class="col" value="*" readonly="readonly" />
							</td>
							<td>
								<input type="text" name="v_week" class="col" value="?" readonly="readonly" />
							</td>
							<td>
								<input type="text" name="v_year" class="col" readonly="readonly" />
							</td>
						</tr>
						<tr>
							<td>Cron:</td>
							<td colspan="6"><input type="text" name="cron" style="width: 100%" value="* * * * * ?" id="cron" /></td>
							<td><input type="button" value="反解析到UI " id="btnFan" onclick="btnFan()" /></td>
						</tr>
						<tr>
							<td colspan="8">最近10次运行时间:</td>
						</tr>
						<tr>
							<td colspan="8">
								<textarea style="resize: none; width: 100%; height: 88px" rows="8" id="runTime"></textarea>
							</td>
						</tr>
					</tbody>
				</table>
			</fieldset>
		</div>
		<div></div>
	</div>
	<script>
		setTimeout(()=>{
			btnFan()
		},1000)
	</script>
</body>
</html>