index.html 53 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  5. <title>Cron - 在线Cron表达式生成器</title>
  6. <meta name="description" content="通过这个生成器,您可以在线生成任务调度比如Quartz的Cron表达式,对Quartz Cron 表达式的可视化双向解析和生成."/>
  7. <meta name="keywords" content="cron creater,generate Cron Expression,Cron Expression online,Quartz Cron Expresssion,cron在线生成工具 参考:http://cron.ciding.cc/"/>
  8. <link href="layui.css" rel="stylesheet" type="text/css"/>
  9. <link href="index.css" rel="stylesheet" type="text/css"/>
  10. <link rel="shortcut icon" href="" type="image/x-icon"/>
  11. </head>
  12. <body>
  13. <div class="layui-container">
  14. <div class="layui-row header">
  15. <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1 logo">
  16. <div><a href=""><img src="images/logo.png"></a></div>
  17. </div>
  18. <div class="layui-col-xs11 layui-col-sm11 layui-col-md11 layui-col-lg11"><h1>Cron在线表达式生成器</h1></div>
  19. </div>
  20. <div class="layui-row">
  21. <div class="layui-tab layui-tab-card">
  22. <ul class="layui-tab-title">
  23. <li lay-id="1" class="layui-this">秒</li>
  24. <li lay-id="2">分钟</li>
  25. <li lay-id="3">小时</li>
  26. <li lay-id="4">日</li>
  27. <li lay-id="5">月</li>
  28. <li lay-id="6">周</li>
  29. <li lay-id="7">年</li>
  30. </ul>
  31. <div class="layui-tab-content">
  32. <!-- 秒 -->
  33. <div class="layui-tab-item layui-show">
  34. <form class="layui-form tabForm" action="">
  35. <div class="layui-form-item">
  36. <div class="tabRadio">
  37. <div class="layui-inline tabRadio">
  38. <input type="radio" name="sex" value="second" title="" checked="" lay-filter="every">
  39. </div>
  40. <label class="tabTips">每秒 允许的通配符[, - * /]</label>
  41. </div>
  42. <div class="tabGroup">
  43. <div class="layui-inline tabRadio">
  44. <input type="radio" name="sex" value="second" title="" lay-filter="cycle">
  45. </div>
  46. <label class="tabTips">周期从</label>
  47. <div class="layui-inline tabInline">
  48. <input type="text" name="number" lay-verify="number" placeholder="秒(s)" autocomplete="off" class="layui-input" value="1">
  49. </div>
  50. <label class="tabTips">到</label>
  51. <div class="layui-inline tabInline">
  52. <input type="text" name="number" lay-verify="number" placeholder="秒(s)" autocomplete="off" class="layui-input" value="2">
  53. </div>
  54. <label class="tabTips">秒</label>
  55. </div>
  56. <div class="tabGroup">
  57. <div class="layui-inline tabRadio">
  58. <input type="radio" name="sex" value="second" title="" lay-filter="startOn">
  59. </div>
  60. <label class="tabTips">周期从</label>
  61. <div class="layui-inline tabInline">
  62. <input type="text" name="number" lay-verify="number" placeholder="秒(s)" autocomplete="off" class="layui-input" value="0">
  63. </div>
  64. <label class="tabTips">秒开始,每</label>
  65. <div class="layui-inline tabInline">
  66. <input type="text" name="number" lay-verify="number" placeholder="秒(s)" autocomplete="off" class="layui-input" value="1">
  67. </div>
  68. <label class="tabTips">秒执行一次</label>
  69. </div>
  70. <div class="tabGroup">
  71. <div class="layui-inline tabRadio">
  72. <input type="radio" name="sex" value="second" title="" lay-filter="sencond_appoint">
  73. </div>
  74. <label class="tabTips">指定</label>
  75. <div class="tabCheckBox secondList">
  76. <!-- checked="" disabled="" -->
  77. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="00">
  78. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="01">
  79. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="02">
  80. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="03">
  81. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="04">
  82. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="05">
  83. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="06">
  84. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="07">
  85. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="08">
  86. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="09">
  87. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="10">
  88. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="11">
  89. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="12">
  90. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="13">
  91. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="14">
  92. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="15">
  93. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="16">
  94. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="17">
  95. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="18">
  96. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="19">
  97. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="20">
  98. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="21">
  99. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="22">
  100. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="23">
  101. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="24">
  102. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="25">
  103. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="26">
  104. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="27">
  105. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="28">
  106. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="29">
  107. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="30">
  108. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="31">
  109. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="32">
  110. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="33">
  111. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="34">
  112. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="35">
  113. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="36">
  114. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="37">
  115. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="38">
  116. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="39">
  117. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="40">
  118. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="41">
  119. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="42">
  120. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="43">
  121. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="44">
  122. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="45">
  123. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="46">
  124. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="47">
  125. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="48">
  126. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="49">
  127. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="50">
  128. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="51">
  129. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="52">
  130. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="53">
  131. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="54">
  132. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="55">
  133. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="56">
  134. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="57">
  135. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="58">
  136. <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="59">
  137. </div>
  138. </div>
  139. </div>
  140. </form>
  141. </div>
  142. <!-- 分钟 -->
  143. <div class="layui-tab-item">
  144. <form class="layui-form tabForm" action="">
  145. <div class="layui-form-item">
  146. <div class="tabRadio">
  147. <div class="layui-inline tabRadio">
  148. <input type="radio" name="sex" value="min" title="" checked="" lay-filter="every">
  149. </div>
  150. <label class="tabTips">每分钟 允许的通配符[, - * /]</label>
  151. </div>
  152. <div class="tabGroup">
  153. <div class="layui-inline tabRadio">
  154. <input type="radio" name="sex" value="min" title="" lay-filter="cycle">
  155. </div>
  156. <label class="tabTips">周期从</label>
  157. <div class="layui-inline tabInline">
  158. <input type="text" name="number" lay-verify="number" placeholder="分(m)" autocomplete="off" class="layui-input" value="1">
  159. </div>
  160. <label class="tabTips">到</label>
  161. <div class="layui-inline tabInline">
  162. <input type="text" name="number" lay-verify="number" placeholder="分(m)" autocomplete="off" class="layui-input" value="2">
  163. </div>
  164. <label class="tabTips">分钟</label>
  165. </div>
  166. <div class="tabGroup">
  167. <div class="layui-inline tabRadio">
  168. <input type="radio" name="sex" value="min" title="" lay-filter="startOn">
  169. </div>
  170. <label class="tabTips">周期从</label>
  171. <div class="layui-inline tabInline">
  172. <input type="text" name="number" lay-verify="number" placeholder="分(m)" autocomplete="off" class="layui-input" value="0">
  173. </div>
  174. <label class="tabTips">分钟开始,每</label>
  175. <div class="layui-inline tabInline">
  176. <input type="text" name="number" lay-verify="number" placeholder="分(m)" autocomplete="off" class="layui-input" value="1">
  177. </div>
  178. <label class="tabTips">分钟执行一次</label>
  179. </div>
  180. <div class="tabGroup">
  181. <div class="layui-inline tabRadio">
  182. <input type="radio" name="sex" value="min" title="" lay-filter="min_appoint">
  183. </div>
  184. <label class="tabTips">指定</label>
  185. <div class="tabCheckBox minList">
  186. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="00">
  187. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="01">
  188. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="02">
  189. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="03">
  190. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="04">
  191. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="05">
  192. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="06">
  193. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="07">
  194. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="08">
  195. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="09">
  196. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="10">
  197. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="11">
  198. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="12">
  199. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="13">
  200. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="14">
  201. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="15">
  202. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="16">
  203. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="17">
  204. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="18">
  205. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="19">
  206. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="20">
  207. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="21">
  208. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="22">
  209. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="23">
  210. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="24">
  211. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="25">
  212. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="26">
  213. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="27">
  214. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="28">
  215. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="29">
  216. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="30">
  217. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="31">
  218. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="32">
  219. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="33">
  220. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="34">
  221. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="35">
  222. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="36">
  223. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="37">
  224. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="38">
  225. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="39">
  226. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="40">
  227. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="41">
  228. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="42">
  229. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="43">
  230. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="44">
  231. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="45">
  232. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="46">
  233. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="47">
  234. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="48">
  235. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="49">
  236. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="50">
  237. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="51">
  238. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="52">
  239. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="53">
  240. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="54">
  241. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="55">
  242. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="56">
  243. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="57">
  244. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="58">
  245. <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="59">
  246. </div>
  247. </div>
  248. </div>
  249. </form>
  250. </div>
  251. <!-- 小时 -->
  252. <div class="layui-tab-item">
  253. <form class="layui-form tabForm" action="">
  254. <div class="layui-form-item">
  255. <div class="tabRadio">
  256. <div class="layui-inline tabRadio">
  257. <input type="radio" name="sex" value="hour" title="" checked="" lay-filter="every">
  258. </div>
  259. <label class="tabTips">每小时 允许的通配符[, - * /]</label>
  260. </div>
  261. <div class="tabGroup">
  262. <div class="layui-inline tabRadio">
  263. <input type="radio" name="sex" value="hour" title="" lay-filter="cycle">
  264. </div>
  265. <label class="tabTips">周期从</label>
  266. <div class="layui-inline tabInline">
  267. <input type="text" name="number" lay-verify="number" placeholder="时(h)" autocomplete="off" class="layui-input" value="0">
  268. </div>
  269. <label class="tabTips">到</label>
  270. <div class="layui-inline tabInline">
  271. <input type="text" name="number" lay-verify="number" placeholder="时(h)" autocomplete="off" class="layui-input" value="2">
  272. </div>
  273. <label class="tabTips">小时</label>
  274. </div>
  275. <div class="tabGroup">
  276. <div class="layui-inline tabRadio">
  277. <input type="radio" name="sex" value="hour" title="" lay-filter="startOn">
  278. </div>
  279. <label class="tabTips">周期从</label>
  280. <div class="layui-inline tabInline">
  281. <input type="text" name="number" lay-verify="number" placeholder="时(h)" autocomplete="off" class="layui-input" value="0">
  282. </div>
  283. <label class="tabTips">小时开始,每</label>
  284. <div class="layui-inline tabInline">
  285. <input type="text" name="number" lay-verify="number" placeholder="时(h)" autocomplete="off" class="layui-input" value="1">
  286. </div>
  287. <label class="tabTips">小时执行一次</label>
  288. </div>
  289. <div class="tabGroup">
  290. <div class="layui-inline tabRadio">
  291. <input type="radio" name="sex" value="hour" title="" lay-filter="hour_appoint">
  292. </div>
  293. <label class="tabTips">指定</label>
  294. <div class="tabCheckBox3 hourList">
  295. <span>上午:</span>
  296. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="00">
  297. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="01">
  298. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="02">
  299. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="03">
  300. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="04">
  301. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="05">
  302. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="06">
  303. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="07">
  304. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="08">
  305. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="09">
  306. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="10">
  307. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="11">
  308. <span>下午:</span>
  309. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="12">
  310. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="13">
  311. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="14">
  312. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="15">
  313. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="16">
  314. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="17">
  315. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="18">
  316. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="19">
  317. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="20">
  318. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="21">
  319. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="22">
  320. <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="23">
  321. </div>
  322. </div>
  323. </div>
  324. </form>
  325. </div>
  326. <!-- 日 -->
  327. <div class="layui-tab-item">
  328. <form class="layui-form tabForm" action="">
  329. <div class="layui-form-item">
  330. <div class="tabRadio">
  331. <div class="layui-inline tabRadio">
  332. <input type="radio" name="sex" value="day" title="" checked="" lay-filter="every">
  333. </div>
  334. <label class="tabTips">每日 允许的通配符[, - * /]</label>
  335. </div>
  336. <div class="tabRadio">
  337. <div class="layui-inline tabRadio">
  338. <input type="radio" name="sex" value="day" title="" lay-filter="unChoose">
  339. </div>
  340. <label class="tabTips">不指定</label>
  341. </div>
  342. <div class="tabGroup">
  343. <div class="layui-inline tabRadio">
  344. <input type="radio" name="sex" value="day" title="" lay-filter="cycle">
  345. </div>
  346. <label class="tabTips">周期从</label>
  347. <div class="layui-inline tabInline">
  348. <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="1">
  349. </div>
  350. <label class="tabTips">到</label>
  351. <div class="layui-inline tabInline">
  352. <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="2">
  353. </div>
  354. <label class="tabTips">日</label>
  355. </div>
  356. <div class="tabGroup">
  357. <div class="layui-inline tabRadio">
  358. <input type="radio" name="sex" value="day" title="" lay-filter="startOn">
  359. </div>
  360. <label class="tabTips">周期从</label>
  361. <div class="layui-inline tabInline">
  362. <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="1">
  363. </div>
  364. <label class="tabTips">日开始,每</label>
  365. <div class="layui-inline tabInline">
  366. <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="1">
  367. </div>
  368. <label class="tabTips">日执行一次</label>
  369. </div>
  370. <div class="tabGroup">
  371. <div class="layui-inline tabRadio">
  372. <input type="radio" name="sex" value="day" title="" lay-filter="workDay">
  373. </div>
  374. <label class="tabTips">每月</label>
  375. <div class="layui-inline tabInline">
  376. <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="1">
  377. </div>
  378. <label class="tabTips">号最近的那个工作日</label>
  379. </div>
  380. <div class="tabGroup">
  381. <div class="layui-inline tabRadio">
  382. <input type="radio" name="sex" value="day" title="" lay-filter="lastDay">
  383. </div>
  384. <label class="tabTips">本月最后一天</label>
  385. </div>
  386. <div class="tabGroup">
  387. <div class="layui-inline tabRadio">
  388. <input type="radio" name="sex" value="day" title="" lay-filter="day_appoint">
  389. </div>
  390. <label class="tabTips">指定</label>
  391. <div class="tabCheckBox3 dayList">
  392. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="01">
  393. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="02">
  394. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="03">
  395. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="04">
  396. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="05">
  397. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="06">
  398. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="07">
  399. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="08">
  400. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="09">
  401. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="10">
  402. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="11">
  403. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="12">
  404. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="13">
  405. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="14">
  406. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="15">
  407. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="16">
  408. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="17">
  409. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="18">
  410. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="19">
  411. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="20">
  412. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="21">
  413. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="22">
  414. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="23">
  415. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="24">
  416. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="25">
  417. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="26">
  418. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="27">
  419. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="28">
  420. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="29">
  421. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="30">
  422. <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="31">
  423. </div>
  424. </div>
  425. </div>
  426. </form>
  427. </div>
  428. <!-- 月 -->
  429. <div class="layui-tab-item">
  430. <form class="layui-form tabForm" action="">
  431. <div class="layui-form-item">
  432. <div class="tabRadio">
  433. <div class="layui-inline tabRadio">
  434. <input type="radio" name="sex" value="month" title="" checked="" lay-filter="every">
  435. </div>
  436. <label class="tabTips">每月 允许的通配符[, - * /]</label>
  437. </div>
  438. <div class="tabGroup">
  439. <div class="layui-inline tabRadio">
  440. <input type="radio" name="sex" value="month" title="" lay-filter="unChoose">
  441. </div>
  442. <label class="tabTips">不指定</label>
  443. </div>
  444. <div class="tabGroup">
  445. <div class="layui-inline tabRadio">
  446. <input type="radio" name="sex" value="month" title="" lay-filter="cycle">
  447. </div>
  448. <label class="tabTips">周期从</label>
  449. <div class="layui-inline tabInline">
  450. <input type="text" name="number" lay-verify="number" placeholder="月(m)" autocomplete="off" class="layui-input" value="1">
  451. </div>
  452. <label class="tabTips">到</label>
  453. <div class="layui-inline tabInline">
  454. <input type="text" name="number" lay-verify="number" placeholder="月(m)" autocomplete="off" class="layui-input" value="2">
  455. </div>
  456. <label class="tabTips">月</label>
  457. </div>
  458. <div class="tabGroup">
  459. <div class="layui-inline tabRadio">
  460. <input type="radio" name="sex" value="month" title="" lay-filter="startOn">
  461. </div>
  462. <label class="tabTips">周期从</label>
  463. <div class="layui-inline tabInline">
  464. <input type="text" name="number" lay-verify="number" placeholder="月(m)" autocomplete="off" class="layui-input" value="1">
  465. </div>
  466. <label class="tabTips">日开始,每</label>
  467. <div class="layui-inline tabInline">
  468. <input type="text" name="number" lay-verify="number" placeholder="月(m)" autocomplete="off" class="layui-input" value="1">
  469. </div>
  470. <label class="tabTips">月执行一次</label>
  471. </div>
  472. <div class="tabGroup">
  473. <div class="layui-inline tabRadio">
  474. <input type="radio" name="sex" value="week" title="" lay-filter="month_appoint">
  475. </div>
  476. <label class="tabTips">指定</label>
  477. <div class="tabCheckBox3 monthList">
  478. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="01">
  479. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="02">
  480. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="03">
  481. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="04">
  482. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="05">
  483. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="06">
  484. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="07">
  485. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="08">
  486. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="09">
  487. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="10">
  488. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="11">
  489. <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="12">
  490. </div>
  491. </div>
  492. </div>
  493. </form>
  494. </div>
  495. <!-- 周 -->
  496. <div class="layui-tab-item">
  497. <form class="layui-form tabForm" action="">
  498. <div class="layui-form-item">
  499. <div class="tabRadio">
  500. <div class="layui-inline tabRadio">
  501. <input type="radio" name="sex" value="week" title="" checked="" lay-filter="every">
  502. </div>
  503. <label class="tabTips">每周 允许的通配符[, - * /]</label>
  504. </div>
  505. <div class="tabRadio">
  506. <div class="layui-inline tabRadio">
  507. <input type="radio" name="sex" value="week" title="" lay-filter="unChoose">
  508. </div>
  509. <label class="tabTips">不指定</label>
  510. </div>
  511. <div class="tabGroup">
  512. <div class="layui-inline tabRadio">
  513. <input type="radio" name="sex" value="week" title="" lay-filter="cycle">
  514. </div>
  515. <label class="tabTips">周期从星期</label>
  516. <div class="layui-inline tabInline">
  517. <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input" value="1">
  518. </div>
  519. <label class="tabTips">到星期</label>
  520. <div class="layui-inline tabInline">
  521. <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input" value="2">
  522. </div>
  523. <label class="tabTips"></label>
  524. </div>
  525. <div class="tabGroup">
  526. <div class="layui-inline tabRadio">
  527. <input type="radio" name="sex" value="week" title="" lay-filter="weekOfDay">
  528. </div>
  529. <label class="tabTips">第</label>
  530. <div class="layui-inline tabInline">
  531. <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input" value="1">
  532. </div>
  533. <label class="tabTips">周的星期</label>
  534. <div class="layui-inline tabInline">
  535. <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input" value="1">
  536. </div>
  537. </div>
  538. <div class="tabGroup">
  539. <div class="layui-inline tabRadio">
  540. <input type="radio" name="sex" value="week" title="" lay-filter="lastWeek">
  541. </div>
  542. <label class="tabTips">本月最后一个星期</label>
  543. <div class="layui-inline tabInline">
  544. <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input">
  545. </div>
  546. </div>
  547. <div class="tabGroup">
  548. <div class="layui-inline tabRadio">
  549. <input type="radio" name="sex" value="week" title="" lay-filter="week_appoint">
  550. </div>
  551. <label class="tabTips">指定</label>
  552. <div class="tabCheckBox3">
  553. <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="01">
  554. <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="02">
  555. <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="03">
  556. <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="04">
  557. <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="05">
  558. <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="06">
  559. <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="07">
  560. </div>
  561. </div>
  562. </div>
  563. </form>
  564. </div>
  565. <!-- 年 -->
  566. <div class="layui-tab-item">
  567. <form class="layui-form tabForm" action="">
  568. <div class="layui-form-item">
  569. <div class="tabRadio">
  570. <div class="layui-inline tabRadio">
  571. <input type="radio" name="sex" value="year" title="" checked="" lay-filter="unChoose">
  572. </div>
  573. <label class="tabTips">不指定 允许的通配符[, - * /]</label>
  574. </div>
  575. <div class="tabRadio">
  576. <div class="layui-inline tabRadio">
  577. <input type="radio" name="sex" value="year" title="" lay-filter="every">
  578. </div>
  579. <label class="tabTips">每年</label>
  580. </div>
  581. <div class="tabGroup">
  582. <div class="layui-inline tabRadio">
  583. <input type="radio" name="sex" value="year" title="" lay-filter="cycle">
  584. </div>
  585. <label class="tabTips">周期从</label>
  586. <div class="layui-inline tabInline">
  587. <input type="text" name="number" lay-verify="number" placeholder="年(y)" autocomplete="off" class="layui-input" value="2018">
  588. </div>
  589. <label class="tabTips">到</label>
  590. <div class="layui-inline tabInline">
  591. <input type="text" name="number" lay-verify="number" placeholder="年(y)" autocomplete="off" class="layui-input" value="2019">
  592. </div>
  593. <label class="tabTips"></label>
  594. </div>
  595. </div>
  596. </form>
  597. </div>
  598. <!-- 表达式公共区域 -->
  599. <fieldset class="layui-elem-field">
  600. <legend>表达式</legend>
  601. <form class="layui-form" action="">
  602. <div class="layui-field-box">
  603. <label class="fieldTips">表达式字段&nbsp;&nbsp;</label>
  604. <div class="layui-inline">
  605. <span class="layui-badge layui-bg-blue">秒</span>
  606. <input type="text" name="v_second" autocomplete="off" class="layui-input layui-disabled" class="layui-input" disabled="" value="*">
  607. </div>
  608. <div class="layui-inline">
  609. <span class="layui-badge layui-bg-blue">分钟</span>
  610. <input type="text" name="v_min" autocomplete="off" class="layui-input layui-disabled" disabled="" value="*">
  611. </div>
  612. <div class="layui-inline">
  613. <span class="layui-badge layui-bg-blue">小时</span>
  614. <input type="text" name="v_hour" autocomplete="off" class="layui-input layui-disabled" disabled="" value="*">
  615. </div>
  616. <div class="layui-inline">
  617. <span class="layui-badge layui-bg-blue">日</span>
  618. <input type="text" name="v_day" autocomplete="off" class="layui-input layui-disabled" disabled="" value="*">
  619. </div>
  620. <div class="layui-inline">
  621. <span class="layui-badge layui-bg-blue">月</span>
  622. <input type="text" name="v_month" autocomplete="off" class="layui-input layui-disabled" disabled="" value="*">
  623. </div>
  624. <div class="layui-inline">
  625. <span class="layui-badge layui-bg-blue">星期</span>
  626. <input type="text" name="v_week" autocomplete="off" class="layui-input layui-disabled" disabled="" value="?">
  627. </div>
  628. <div class="layui-inline">
  629. <span class="layui-badge layui-bg-blue">年</span>
  630. <input type="text" name="v_year" autocomplete="off" class="layui-input layui-disabled" disabled="">
  631. </div>
  632. </div>
  633. <div class="layui-field-box">
  634. <label class="fieldTips">Cron表达式&nbsp;&nbsp;</label>
  635. <input type="text" name="number" id="cron" lay-verify="number" placeholder="" autocomplete="off" class="layui-input">
  636. <button type="button" class="layui-btn layui-btn-normal">反解析</button>
  637. </div>
  638. <div class="layui-block" id="result">
  639. <label class="fieldTips">最近5次运行时间</label>
  640. <!-- <h3><span class="layui-badge-dot layui-bg-blue"></span>&nbsp;2019-09-09 09:09:09</h3>
  641. <h3><span class="layui-badge-dot layui-bg-blue"></span>&nbsp;2019-09-09 09:09:09</h3>
  642. <h3><span class="layui-badge-dot layui-bg-blue"></span>&nbsp;2019-09-09 09:09:09</h3>
  643. <h3><span class="layui-badge-dot layui-bg-blue"></span>&nbsp;2019-09-09 09:09:09</h3>
  644. <h3><span class="layui-badge-dot layui-bg-blue"></span>&nbsp;2019-09-09 09:09:09</h3> -->
  645. </div>
  646. </form>
  647. </fieldset>
  648. </div>
  649. </div>
  650. </div>
  651. </div>
  652. <script src="layui.js" type="text/javascript"></script>
  653. <script src="jquery-3.4.1.min.js" type="text/javascript"></script>
  654. <script src="index.js" type="text/javascript"></script>
  655. </body>
  656. </html>