cron页面例子

最新推荐文章于 2025-05-05 10:42:52 发布
原创最新推荐文章于 2025-05-05 10:42:52 发布 · 688 阅读
1 ·
CC 4.0 BY-SA版权
文章标签：
#ui #前端 #ViewUI
Quartz 专栏收录该内容
4 篇文章
订阅专栏
本文提供了一个关于如何设计cron页面的实例，重点探讨了前端UI方面的实现，适合前端开发者参考。
摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >
设计cron页面的例子
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="0" class="form_border table2">
	<tr>
		<td width="50%" height="30"  align="center" colspan="2">
		    <span>执行方式</span>
		</td>
		<td width="50%">
		  <input type="radio" value="manual" checked="true" name="execType" οnclick='execTypeChange();'/>
		  <span>手动 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
		  <input type="radio" value="timer" name="execType" οnclick='execTypeChange();'/>
		  <span>定时</span>
		</td>
	</tr>
	<tr>
		<td height="30" rowspan="3" width="5%"  align="center">
		   <span>定时策略&nbsp;&nbsp;</span>
    </td>
		<td width="5%">
			<input type="checkbox" name="everyMonth" value="0" οnclick="execTypeChange();"/><span>&nbsp;每月&nbsp;&nbsp;&nbsp;</span>
		</td>
		<td>
			<input type="checkbox" name="month" value="1"/><span>&nbsp;一月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="2"/><span>&nbsp;二月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="3"/><span>&nbsp;三月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="4"/><span>&nbsp;四月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="5"/><span>&nbsp;五月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="6"/><span>&nbsp;六月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="7"/><span>&nbsp;七月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="8"/><span>&nbsp;八月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="9"/><span>&nbsp;九月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="10"/><span>&nbsp;十月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="11"/><span>&nbsp;十一月&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="month" value="12"/><span>&nbsp;十二月&nbsp;&nbsp;&nbsp;</span>
		</td>
	</tr>
	<tr>
		<td height="30"  align="center">
		  <input type="checkbox" name="everyDay" value="0" οnclick="execTypeChange();"/>&nbsp;每天&nbsp;&nbsp;&nbsp;
		</td>
		<td>
		  <p>
			<input type="checkbox" name="dayInMonth" value="1"/> <span>&nbsp;01&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="2"/> <span>&nbsp;02&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="3"/> <span>&nbsp;03&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="4"/> <span>&nbsp;04&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="5"/> <span>&nbsp;05&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="6"/> <span>&nbsp;06&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="7"/> <span>&nbsp;07&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="8"/> <span>&nbsp;08&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="9"/> <span>&nbsp;09&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="10"/> <span>&nbsp;10&nbsp;&nbsp;&nbsp;</span>
			</p>
			<p>
			<input type="checkbox" name="dayInMonth" value="11"/> <span>&nbsp;11&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="12"/> <span>&nbsp;12&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="13"/> <span>&nbsp;13&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="14"/> <span>&nbsp;14&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="15"/> <span>&nbsp;15&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="16"/> <span>&nbsp;16&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="17"/> <span>&nbsp;17&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="18"/> <span>&nbsp;18&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="19"/> <span>&nbsp;19&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="20"/> <span>&nbsp;20&nbsp;&nbsp;&nbsp;</span>
			</p>
			<p>
			<input type="checkbox" name="dayInMonth" value="21"/> <span>&nbsp;21&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="22"/> <span>&nbsp;22&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="23"/> <span>&nbsp;23&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="24"/> <span>&nbsp;24&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="25"/> <span>&nbsp;25&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="26"/> <span>&nbsp;26&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="27"/> <span>&nbsp;27&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="28"/> <span>&nbsp;28&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="29"/> <span>&nbsp;29&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="30"/> <span>&nbsp;30&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="31"/> <span>&nbsp;31&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInMonth" value="99"/> <span>&nbsp;最后一天</span>
			</p>
		</td>
	</tr>
	<tr>
		<td align="center">
		  <input type="checkbox" name="useWeek" value="0" οnclick='execTypeChange();'/><span>&nbsp;使用星期&nbsp;&nbsp;&nbsp;</span>
		</td>
		<td align="left" >
			<input type="checkbox" name="dayInWeek" value="1"/><span>&nbsp;星期日&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInWeek" value="2"/><span>&nbsp;星期一&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInWeek" value="3"/><span>&nbsp;星期二&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInWeek" value="4"/><span>&nbsp;星期三&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInWeek" value="5"/><span>&nbsp;星期四&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInWeek" value="6"/><span>&nbsp;星期五&nbsp;&nbsp;&nbsp;</span>
			<input type="checkbox" name="dayInWeek" value="7"/><span>&nbsp;星期六&nbsp;&nbsp;&nbsp;</span>
		</td>
	</tr>
	<tr>
		<td rowspan="2" align="center">一天内 </td>
		<td rowspan="2">
		  <select name="periodInDay" style="width:60px" οnchange='execTypeChange();'>
        <option value="0">定时</option>
        <option value="1">间隔</option>
      </select>
    </td>
		<td align="left"  >
			<span>执行时间：&nbsp;&nbsp;</span>
			<input type="text" name="execHour" style="width:60px"/>
			<span>点</span>
			<input type="text" name="execMinute" style="width:60px"/> 
			<span>分</span>
		</td>
	</tr>
	<tr>
    <td align="left" >
      <span>&nbsp;&nbsp;间隔&nbsp;&nbsp;</span>
      <input type="text" name="periodValueInDay" style="width:60px"/> 
      <span>&nbsp;</span>
      <select name="periodTypeInDay" style="width:60px">
         <option value="0">小时</option>
         <option value="1">分钟</option>
      </select>
    </td>
  </tr>
  <tr>
    <td align="left" colspan="3">
     <p style="color:red">&nbsp;&nbsp;注：间隔执行将会从0是开始每隔"间隔时间"执行一次，直到时间段结束。</p>
     <p style="color:red">&nbsp;&nbsp;&nbsp;如: 间隔 31分钟，即00:00，00:31，01:00，01:31 执行。</p>
     <p style="color:red">&nbsp;&nbsp;&nbsp;如: 间隔 23小时，即00:00，23:00 执行。</p>
    </td>
  </tr>
</table>