|
|
@@ -0,0 +1,664 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
|
|
|
+ <title>Cron - 在线Cron表达式生成器</title>
|
|
|
+ <meta name="description" content="通过这个生成器,您可以在线生成任务调度比如Quartz的Cron表达式,对Quartz Cron 表达式的可视化双向解析和生成."/>
|
|
|
+ <meta name="keywords" content="cron creater,generate Cron Expression,Cron Expression online,Quartz Cron Expresssion,cron在线生成工具 参考：http://cron.ciding.cc/"/>
|
|
|
+ <link href="layui.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <link href="index.css" rel="stylesheet" type="text/css"/>
|
|
|
+ <link rel="shortcut icon" href="" type="image/x-icon"/>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div class="layui-container">
|
|
|
+ <div class="layui-row header">
|
|
|
+ <div class="layui-col-xs1 layui-col-sm1 layui-col-md1 layui-col-lg1 logo">
|
|
|
+ <div><a href=""><img src="images/logo.png"></a></div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-col-xs11 layui-col-sm11 layui-col-md11 layui-col-lg11"><h1>Cron在线表达式生成器</h1></div>
|
|
|
+ </div>
|
|
|
+ <div class="layui-row">
|
|
|
+ <div class="layui-tab layui-tab-card">
|
|
|
+ <ul class="layui-tab-title">
|
|
|
+ <li lay-id="1" class="layui-this">秒</li>
|
|
|
+ <li lay-id="2">分钟</li>
|
|
|
+ <li lay-id="3">小时</li>
|
|
|
+ <li lay-id="4">日</li>
|
|
|
+ <li lay-id="5">月</li>
|
|
|
+ <li lay-id="6">周</li>
|
|
|
+ <li lay-id="7">年</li>
|
|
|
+ </ul>
|
|
|
+ <div class="layui-tab-content">
|
|
|
+ <!-- 秒 -->
|
|
|
+ <div class="layui-tab-item layui-show">
|
|
|
+ <form class="layui-form tabForm" action="">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="second" title="" checked="" lay-filter="every">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">每秒 允许的通配符[, - * /]</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="second" title="" lay-filter="cycle">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="秒(s)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">到</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="秒(s)" autocomplete="off" class="layui-input" value="2">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">秒</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="second" title="" lay-filter="startOn">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="秒(s)" autocomplete="off" class="layui-input" value="0">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">秒开始，每</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="秒(s)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">秒执行一次</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="second" title="" lay-filter="sencond_appoint">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">指定</label>
|
|
|
+ <div class="tabCheckBox secondList">
|
|
|
+ <!-- checked="" disabled="" -->
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="00">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="01">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="02">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="03">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="04">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="05">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="06">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="07">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="08">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="09">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="10">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="11">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="12">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="13">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="14">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="15">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="16">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="17">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="18">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="19">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="20">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="21">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="22">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="23">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="24">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="25">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="26">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="27">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="28">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="29">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="30">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="31">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="32">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="33">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="34">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="35">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="36">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="37">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="38">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="39">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="40">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="41">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="42">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="43">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="44">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="45">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="46">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="47">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="48">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="49">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="50">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="51">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="52">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="53">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="54">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="55">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="56">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="57">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="58">
|
|
|
+ <input type="checkbox" name="second" lay-filter="second" lay-skin="primary" title="59">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 分钟 -->
|
|
|
+ <div class="layui-tab-item">
|
|
|
+ <form class="layui-form tabForm" action="">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="min" title="" checked="" lay-filter="every">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">每分钟 允许的通配符[, - * /]</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="min" title="" lay-filter="cycle">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="分(m)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">到</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="分(m)" autocomplete="off" class="layui-input" value="2">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">分钟</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="min" title="" lay-filter="startOn">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="分(m)" autocomplete="off" class="layui-input" value="0">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">分钟开始，每</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="分(m)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">分钟执行一次</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="min" title="" lay-filter="min_appoint">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">指定</label>
|
|
|
+ <div class="tabCheckBox minList">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="00">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="01">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="02">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="03">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="04">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="05">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="06">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="07">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="08">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="09">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="10">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="11">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="12">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="13">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="14">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="15">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="16">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="17">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="18">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="19">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="20">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="21">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="22">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="23">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="24">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="25">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="26">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="27">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="28">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="29">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="30">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="31">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="32">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="33">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="34">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="35">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="36">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="37">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="38">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="39">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="40">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="41">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="42">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="43">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="44">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="45">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="46">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="47">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="48">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="49">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="50">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="51">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="52">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="53">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="54">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="55">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="56">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="57">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="58">
|
|
|
+ <input type="checkbox" name="min" lay-filter="min" lay-skin="primary" title="59">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 小时 -->
|
|
|
+ <div class="layui-tab-item">
|
|
|
+ <form class="layui-form tabForm" action="">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="hour" title="" checked="" lay-filter="every">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">每小时 允许的通配符[, - * /]</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="hour" title="" lay-filter="cycle">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="时(h)" autocomplete="off" class="layui-input" value="0">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">到</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="时(h)" autocomplete="off" class="layui-input" value="2">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">小时</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="hour" title="" lay-filter="startOn">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="时(h)" autocomplete="off" class="layui-input" value="0">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">小时开始，每</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="时(h)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">小时执行一次</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="hour" title="" lay-filter="hour_appoint">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">指定</label>
|
|
|
+ <div class="tabCheckBox3 hourList">
|
|
|
+ <span>上午：</span>
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="00">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="01">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="02">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="03">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="04">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="05">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="06">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="07">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="08">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="09">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="10">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="11">
|
|
|
+ <span>下午：</span>
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="12">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="13">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="14">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="15">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="16">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="17">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="18">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="19">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="20">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="21">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="22">
|
|
|
+ <input type="checkbox" name="hour" lay-filter="hour" lay-skin="primary" title="23">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 日 -->
|
|
|
+ <div class="layui-tab-item">
|
|
|
+ <form class="layui-form tabForm" action="">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="day" title="" checked="" lay-filter="every">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">每日 允许的通配符[, - * /]</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="day" title="" lay-filter="unChoose">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">不指定</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="day" title="" lay-filter="cycle">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">到</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="2">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">日</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="day" title="" lay-filter="startOn">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">日开始，每</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">日执行一次</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="day" title="" lay-filter="workDay">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">每月</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="天(d)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">号最近的那个工作日</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="day" title="" lay-filter="lastDay">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">本月最后一天</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="day" title="" lay-filter="day_appoint">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">指定</label>
|
|
|
+ <div class="tabCheckBox3 dayList">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="01">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="02">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="03">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="04">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="05">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="06">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="07">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="08">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="09">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="10">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="11">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="12">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="13">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="14">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="15">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="16">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="17">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="18">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="19">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="20">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="21">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="22">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="23">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="24">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="25">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="26">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="27">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="28">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="29">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="30">
|
|
|
+ <input type="checkbox" name="day" lay-filter="day" lay-skin="primary" title="31">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 月 -->
|
|
|
+ <div class="layui-tab-item">
|
|
|
+ <form class="layui-form tabForm" action="">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="month" title="" checked="" lay-filter="every">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">每月 允许的通配符[, - * /]</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="month" title="" lay-filter="unChoose">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">不指定</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="month" title="" lay-filter="cycle">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="月(m)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">到</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="月(m)" autocomplete="off" class="layui-input" value="2">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">月</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="month" title="" lay-filter="startOn">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="月(m)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">日开始，每</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="月(m)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">月执行一次</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="week" title="" lay-filter="month_appoint">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">指定</label>
|
|
|
+ <div class="tabCheckBox3 monthList">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="01">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="02">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="03">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="04">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="05">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="06">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="07">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="08">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="09">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="10">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="11">
|
|
|
+ <input type="checkbox" name="month" lay-filter="month" lay-skin="primary" title="12">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 周 -->
|
|
|
+ <div class="layui-tab-item">
|
|
|
+ <form class="layui-form tabForm" action="">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="week" title="" checked="" lay-filter="every">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">每周 允许的通配符[, - * /]</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="week" title="" lay-filter="unChoose">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">不指定</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="week" title="" lay-filter="cycle">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从星期</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">到星期</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input" value="2">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips"></label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="week" title="" lay-filter="weekOfDay">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">第</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周的星期</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input" value="1">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="week" title="" lay-filter="lastWeek">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">本月最后一个星期</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="周(w)" autocomplete="off" class="layui-input">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="week" title="" lay-filter="week_appoint">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">指定</label>
|
|
|
+ <div class="tabCheckBox3">
|
|
|
+ <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="01">
|
|
|
+ <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="02">
|
|
|
+ <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="03">
|
|
|
+ <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="04">
|
|
|
+ <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="05">
|
|
|
+ <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="06">
|
|
|
+ <input type="checkbox" name="week" lay-filter="week" lay-skin="primary" title="07">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 年 -->
|
|
|
+ <div class="layui-tab-item">
|
|
|
+ <form class="layui-form tabForm" action="">
|
|
|
+ <div class="layui-form-item">
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="year" title="" checked="" lay-filter="unChoose">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">不指定 允许的通配符[, - * /]</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabRadio">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="year" title="" lay-filter="every">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">每年</label>
|
|
|
+ </div>
|
|
|
+ <div class="tabGroup">
|
|
|
+ <div class="layui-inline tabRadio">
|
|
|
+ <input type="radio" name="sex" value="year" title="" lay-filter="cycle">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">周期从</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="年(y)" autocomplete="off" class="layui-input" value="2018">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips">到</label>
|
|
|
+ <div class="layui-inline tabInline">
|
|
|
+ <input type="text" name="number" lay-verify="number" placeholder="年(y)" autocomplete="off" class="layui-input" value="2019">
|
|
|
+ </div>
|
|
|
+ <label class="tabTips"></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ <!-- 表达式公共区域 -->
|
|
|
+ <fieldset class="layui-elem-field">
|
|
|
+ <legend>表达式</legend>
|
|
|
+
|
|
|
+ <form class="layui-form" action="">
|
|
|
+ <div class="layui-field-box">
|
|
|
+ <label class="fieldTips">表达式字段 </label>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <span class="layui-badge layui-bg-blue">秒</span>
|
|
|
+ <input type="text" name="v_second" autocomplete="off" class="layui-input layui-disabled" class="layui-input" disabled="" value="*">
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <span class="layui-badge layui-bg-blue">分钟</span>
|
|
|
+ <input type="text" name="v_min" autocomplete="off" class="layui-input layui-disabled" disabled="" value="*">
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <span class="layui-badge layui-bg-blue">小时</span>
|
|
|
+ <input type="text" name="v_hour" autocomplete="off" class="layui-input layui-disabled" disabled="" value="*">
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <span class="layui-badge layui-bg-blue">日</span>
|
|
|
+ <input type="text" name="v_day" autocomplete="off" class="layui-input layui-disabled" disabled="" value="*">
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <span class="layui-badge layui-bg-blue">月</span>
|
|
|
+ <input type="text" name="v_month" autocomplete="off" class="layui-input layui-disabled" disabled="" value="*">
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <span class="layui-badge layui-bg-blue">星期</span>
|
|
|
+ <input type="text" name="v_week" autocomplete="off" class="layui-input layui-disabled" disabled="" value="?">
|
|
|
+ </div>
|
|
|
+ <div class="layui-inline">
|
|
|
+ <span class="layui-badge layui-bg-blue">年</span>
|
|
|
+ <input type="text" name="v_year" autocomplete="off" class="layui-input layui-disabled" disabled="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-field-box">
|
|
|
+ <label class="fieldTips">Cron表达式 </label>
|
|
|
+ <input type="text" name="number" id="cron" lay-verify="number" placeholder="" autocomplete="off" class="layui-input">
|
|
|
+ <button type="button" class="layui-btn layui-btn-normal">反解析</button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="layui-block" id="result">
|
|
|
+ <label class="fieldTips">最近5次运行时间</label>
|
|
|
+ <!-- <h3><span class="layui-badge-dot layui-bg-blue"></span> 2019-09-09 09:09:09</h3>
|
|
|
+ <h3><span class="layui-badge-dot layui-bg-blue"></span> 2019-09-09 09:09:09</h3>
|
|
|
+ <h3><span class="layui-badge-dot layui-bg-blue"></span> 2019-09-09 09:09:09</h3>
|
|
|
+ <h3><span class="layui-badge-dot layui-bg-blue"></span> 2019-09-09 09:09:09</h3>
|
|
|
+ <h3><span class="layui-badge-dot layui-bg-blue"></span> 2019-09-09 09:09:09</h3> -->
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </fieldset>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<script src="layui.js" type="text/javascript"></script>
|
|
|
+<script src="jquery-3.4.1.min.js" type="text/javascript"></script>
|
|
|
+<script src="index.js" type="text/javascript"></script>
|
|
|
+
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
