").addClass("input-group");
+ // Add an input
+ var $i = $("
", { type: 'text', placeholder: 'cron表达式...'}).addClass("form-control").val($(that).val());
+ $i.appendTo($g);
+ // Add the button
+ var $b = $("
");
+ // Put button inside span
+ var $s = $("
").addClass("input-group-btn");
+ $b.appendTo($s);
+ $s.appendTo($g);
+
+ $(this).before($g);
+
+ inputElement = that;
+ displayElement = $i;
+
+ $b.popover({
+ html: true,
+ content: function () {
+ return $(cronContainer).html();
+ },
+ template: '',
+ placement: options.direction
+
+ }).on('click', function (e) {
+ e.preventDefault();
+
+ //fillDataOfMinutesAndHoursSelectOptions();
+ //fillDayWeekInMonth();
+ //fillInWeekDays();
+ //fillInMonths();
+
+ $.fn.cronGen.tools.cronParse(inputElement.val());
+
+ //绑定指定事件
+ $.fn.cronGen.tools.initChangeEvent();
+
+
+ $('#CronGenTabs a').click(function (e) {
+ e.preventDefault();
+ $(this).tab('show');
+ //generate();
+ });
+ $("#CronGenMainDiv select,input").change(function (e) {
+ generate();
+ });
+ $("#CronGenMainDiv input").focus(function (e) {
+ generate();
+ });
+ //generate();
+ });
+ return;
+ }
+ });
+
+
+ var fillInMonths = function () {
+ var days = [
+ { text: "一月", val: "1" },
+ { text: "二月", val: "2" },
+ { text: "三月", val: "3" },
+ { text: "四月", val: "4" },
+ { text: "五月", val: "5" },
+ { text: "六月", val: "6" },
+ { text: "七月", val: "7" },
+ { text: "八月", val: "8" },
+ { text: "九月", val: "9" },
+ { text: "十月", val: "10" },
+ { text: "十一月", val: "11" },
+ { text: "十二月", val: "12" }
+ ];
+ $(".months").each(function () {
+ fillOptions(this, days);
+ });
+ };
+
+ var fillOptions = function (elements, options) {
+ for (var i = 0; i < options.length; i++)
+ $(elements).append("");
+ };
+ var fillDataOfMinutesAndHoursSelectOptions = function () {
+ for (var i = 0; i < 60; i++) {
+ if (i < 24) {
+ $(".hours").each(function () { $(this).append(timeSelectOption(i)); });
+ }
+ $(".minutes").each(function () { $(this).append(timeSelectOption(i)); });
+ }
+ };
+ var fillInWeekDays = function () {
+ var days = [
+ { text: "周一", val: "2" },
+ { text: "周二", val: "3" },
+ { text: "周三", val: "4" },
+ { text: "周四", val: "5" },
+ { text: "周五", val: "6" },
+ { text: "周六", val: "7" },
+ { text: "周天", val: "1" }
+ ];
+ $(".week-days").each(function () {
+ fillOptions(this, days);
+ });
+
+ };
+ var fillDayWeekInMonth = function () {
+ var days = [
+ { text: "第一个", val: "1" },
+ { text: "第二个", val: "2" },
+ { text: "第三个", val: "3" },
+ { text: "第四个", val: "4" }
+ ];
+ $(".day-order-in-month").each(function () {
+ fillOptions(this, days);
+ });
+ };
+ var displayTimeUnit = function (unit) {
+ if (unit.toString().length == 1)
+ return "0" + unit;
+ return unit;
+ };
+ var timeSelectOption = function (i) {
+ return "";
+ };
+
+ var generate = function () {
+
+ var activeTab = $("ul#CronGenTabs li.active a").prop("id");
+ var results = "";
+ switch (activeTab) {
+ case "SecondlyTab":
+ switch ($("input:radio[name=second]:checked").val()) {
+ case "1":
+ $.fn.cronGen.tools.everyTime("second");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "2":
+ $.fn.cronGen.tools.cycle("second");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "3":
+ $.fn.cronGen.tools.startOn("second");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "4":
+ $.fn.cronGen.tools.initCheckBox("second");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ }
+ break;
+ case "MinutesTab":
+ switch ($("input:radio[name=min]:checked").val()) {
+ case "1":
+ $.fn.cronGen.tools.everyTime("min");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "2":
+ $.fn.cronGen.tools.cycle("min");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "3":
+ $.fn.cronGen.tools.startOn("min");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "4":
+ $.fn.cronGen.tools.initCheckBox("min");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ }
+ break;
+ case "HourlyTab":
+ switch ($("input:radio[name=hour]:checked").val()) {
+ case "1":
+ $.fn.cronGen.tools.everyTime("hour");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "2":
+ $.fn.cronGen.tools.cycle("hour");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "3":
+ $.fn.cronGen.tools.startOn("hour");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "4":
+ $.fn.cronGen.tools.initCheckBox("hour");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ }
+ break;
+ case "DailyTab":
+ switch ($("input:radio[name=day]:checked").val()) {
+ case "1":
+ $.fn.cronGen.tools.everyTime("day");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "2":
+ $.fn.cronGen.tools.unAppoint("day");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "3":
+ $.fn.cronGen.tools.cycle("day");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "4":
+ $.fn.cronGen.tools.startOn("day");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "5":
+ $.fn.cronGen.tools.workDay("day");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "6":
+ $.fn.cronGen.tools.lastDay("day");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "7":
+ $.fn.cronGen.tools.initCheckBox("day");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ }
+ break;
+ case "WeeklyTab":
+ switch ($("input:radio[name=week]:checked").val()) {
+ case "1":
+ $.fn.cronGen.tools.everyTime("week");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "2":
+ $.fn.cronGen.tools.unAppoint("week");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "3":
+ $.fn.cronGen.tools.cycle("week");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "4":
+ $.fn.cronGen.tools.startOn("week");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "5":
+ $.fn.cronGen.tools.lastWeek("week");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "6":
+ $.fn.cronGen.tools.initCheckBox("week");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ }
+ break;
+ case "MonthlyTab":
+ switch ($("input:radio[name=month]:checked").val()) {
+ case "1":
+ $.fn.cronGen.tools.everyTime("month");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "2":
+ $.fn.cronGen.tools.unAppoint("month");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "3":
+ $.fn.cronGen.tools.cycle("month");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "4":
+ $.fn.cronGen.tools.startOn("month");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "5":
+ $.fn.cronGen.tools.initCheckBox("month");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ }
+ break;
+ case "YearlyTab":
+ switch ($("input:radio[name=year]:checked").val()) {
+ case "1":
+ $.fn.cronGen.tools.unAppoint("year");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "2":
+ $.fn.cronGen.tools.everyTime("year");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ case "3":
+ $.fn.cronGen.tools.cycle("year");
+ results = $.fn.cronGen.tools.cronResult();
+ break;
+ }
+ break;
+ }
+
+ // Update original control
+ inputElement.val(results);
+ // Update display
+ displayElement.val(results);
+ };
+
+})(jQuery);
+
+(function($) {
+ $.fn.cronGen.defaultOptions = {
+ direction : 'bottom'
+ };
+ $.fn.cronGen.tools = {
+ /**
+ * 每周期
+ */
+ everyTime : function(dom){
+ $("#"+dom+"Hidden").val("*");
+ $.fn.cronGen.tools.clearCheckbox(dom);
+ },
+ /**
+ * 不指定
+ */
+ unAppoint : function(dom){
+ var val = "?";
+ if (dom == "year")
+ {
+ val = "";
+ }
+ $("#"+dom+"Hidden").val(val);
+ $.fn.cronGen.tools.clearCheckbox(dom);
+ },
+ /**
+ * 周期
+ */
+ cycle : function(dom){
+ var start = $("#"+dom+"Start_0").val();
+ var end = $("#"+dom+"End_0").val();
+ $("#"+dom+"Hidden").val(start + "-" + end);
+ $.fn.cronGen.tools.clearCheckbox(dom);
+ },
+ /**
+ * 从开始
+ */
+ startOn : function(dom) {
+ var start = $("#"+dom+"Start_1").val();
+ var end = $("#"+dom+"End_1").val();
+ $("#"+dom+"Hidden").val(start + "/" + end);
+ $.fn.cronGen.tools.clearCheckbox(dom);
+ },
+ /**
+ * 最后一天
+ */
+ lastDay : function(dom){
+ $("#"+dom+"Hidden").val("L");
+ $.fn.cronGen.tools.clearCheckbox(dom);
+ },
+ /**
+ * 每周的某一天
+ */
+ weekOfDay : function(dom){
+ var start = $("#"+dom+"Start_0").val();
+ var end = $("#"+dom+"End_0").val();
+ $("#"+dom+"Hidden").val(start + "#" + end);
+ $.fn.cronGen.tools.clearCheckbox(dom);
+ },
+ /**
+ * 最后一周
+ */
+ lastWeek : function(dom){
+ var start = $("#"+dom+"Start_2").val();
+ $("#"+dom+"Hidden").val(start+"L");
+ $.fn.cronGen.tools.clearCheckbox(dom);
+ },
+ /**
+ * 工作日
+ */
+ workDay : function(dom) {
+ var start = $("#"+dom+"Start_2").val();
+ $("#"+dom+"Hidden").val(start + "W");
+ $.fn.cronGen.tools.clearCheckbox(dom);
+ },
+ initChangeEvent : function(){
+ var secondList = $(".secondList").children();
+ $("#sencond_appoint").click(function(){
+ if (this.checked) {
+ if ($(secondList).filter(":checked").length == 0) {
+ $(secondList.eq(0)).attr("checked", true);
+ }
+ secondList.eq(0).change();
+ }
+ });
+
+ secondList.change(function() {
+ var sencond_appoint = $("#sencond_appoint").prop("checked");
+ if (sencond_appoint) {
+ var vals = [];
+ secondList.each(function() {
+ if (this.checked) {
+ vals.push(this.value);
+ }
+ });
+ var val = "?";
+ if (vals.length > 0 && vals.length < 59) {
+ val = vals.join(",");
+ }else if(vals.length == 59){
+ val = "*";
+ }
+ $("#secondHidden").val(val);
+ }
+ });
+
+ var minList = $(".minList").children();
+ $("#min_appoint").click(function(){
+ if (this.checked) {
+ if ($(minList).filter(":checked").length == 0) {
+ $(minList.eq(0)).attr("checked", true);
+ }
+ minList.eq(0).change();
+ }
+ });
+
+ minList.change(function() {
+ var min_appoint = $("#min_appoint").prop("checked");
+ if (min_appoint) {
+ var vals = [];
+ minList.each(function() {
+ if (this.checked) {
+ vals.push(this.value);
+ }
+ });
+ var val = "?";
+ if (vals.length > 0 && vals.length < 59) {
+ val = vals.join(",");
+ }else if(vals.length == 59){
+ val = "*";
+ }
+ $("#minHidden").val(val);
+ }
+ });
+
+ var hourList = $(".hourList").children();
+ $("#hour_appoint").click(function(){
+ if (this.checked) {
+ if ($(hourList).filter(":checked").length == 0) {
+ $(hourList.eq(0)).attr("checked", true);
+ }
+ hourList.eq(0).change();
+ }
+ });
+
+ hourList.change(function() {
+ var hour_appoint = $("#hour_appoint").prop("checked");
+ if (hour_appoint) {
+ var vals = [];
+ hourList.each(function() {
+ if (this.checked) {
+ vals.push(this.value);
+ }
+ });
+ var val = "?";
+ if (vals.length > 0 && vals.length < 24) {
+ val = vals.join(",");
+ }else if(vals.length == 24){
+ val = "*";
+ }
+ $("#hourHidden").val(val);
+ }
+ });
+
+ var dayList = $(".dayList").children();
+ $("#day_appoint").click(function(){
+ if (this.checked) {
+ if ($(dayList).filter(":checked").length == 0) {
+ $(dayList.eq(0)).attr("checked", true);
+ }
+ dayList.eq(0).change();
+ }
+ });
+
+ dayList.change(function() {
+ var day_appoint = $("#day_appoint").prop("checked");
+ if (day_appoint) {
+ var vals = [];
+ dayList.each(function() {
+ if (this.checked) {
+ vals.push(this.value);
+ }
+ });
+ var val = "?";
+ if (vals.length > 0 && vals.length < 31) {
+ val = vals.join(",");
+ }else if(vals.length == 31){
+ val = "*";
+ }
+ $("#dayHidden").val(val);
+ }
+ });
+
+ var monthList = $(".monthList").children();
+ $("#month_appoint").click(function(){
+ if (this.checked) {
+ if ($(monthList).filter(":checked").length == 0) {
+ $(monthList.eq(0)).attr("checked", true);
+ }
+ monthList.eq(0).change();
+ }
+ });
+
+ monthList.change(function() {
+ var month_appoint = $("#month_appoint").prop("checked");
+ if (month_appoint) {
+ var vals = [];
+ monthList.each(function() {
+ if (this.checked) {
+ vals.push(this.value);
+ }
+ });
+ var val = "?";
+ if (vals.length > 0 && vals.length < 12) {
+ val = vals.join(",");
+ }else if(vals.length == 12){
+ val = "*";
+ }
+ $("#monthHidden").val(val);
+ }
+ });
+
+ var weekList = $(".weekList").children();
+ $("#week_appoint").click(function(){
+ if (this.checked) {
+ if ($(weekList).filter(":checked").length == 0) {
+ $(weekList.eq(0)).attr("checked", true);
+ }
+ weekList.eq(0).change();
+ }
+ });
+
+ weekList.change(function() {
+ var week_appoint = $("#week_appoint").prop("checked");
+ if (week_appoint) {
+ var vals = [];
+ weekList.each(function() {
+ if (this.checked) {
+ vals.push(this.value);
+ }
+ });
+ var val = "?";
+ if (vals.length > 0 && vals.length < 7) {
+ val = vals.join(",");
+ }else if(vals.length == 7){
+ val = "*";
+ }
+ $("#weekHidden").val(val);
+ }
+ });
+ },
+ initObj : function(strVal, strid){
+ var ary = null;
+ var objRadio = $("input[name='" + strid + "'");
+ if (strVal == "*") {
+ objRadio.eq(0).attr("checked", "checked");
+ } else if (strVal.split('-').length > 1) {
+ ary = strVal.split('-');
+ objRadio.eq(1).attr("checked", "checked");
+ $("#" + strid + "Start_0").val(ary[0]);
+ $("#" + strid + "End_0").val(ary[1]);
+ } else if (strVal.split('/').length > 1) {
+ ary = strVal.split('/');
+ objRadio.eq(2).attr("checked", "checked");
+ $("#" + strid + "Start_1").val(ary[0]);
+ $("#" + strid + "End_1").val(ary[1]);
+ } else {
+ objRadio.eq(3).attr("checked", "checked");
+ if (strVal != "?") {
+ ary = strVal.split(",");
+ for (var i = 0; i < ary.length; i++) {
+ $("." + strid + "List input[value='" + ary[i] + "']").attr("checked", "checked");
+ }
+ $.fn.cronGen.tools.initCheckBox(strid);
+ }
+ }
+ },
+ initDay : function(strVal) {
+ var ary = null;
+ var objRadio = $("input[name='day'");
+ if (strVal == "*") {
+ objRadio.eq(0).attr("checked", "checked");
+ } else if (strVal == "?") {
+ objRadio.eq(1).attr("checked", "checked");
+ } else if (strVal.split('-').length > 1) {
+ ary = strVal.split('-');
+ objRadio.eq(2).attr("checked", "checked");
+ $("#dayStart_0").val(ary[0]);
+ $("#dayEnd_0").val(ary[1]);
+ } else if (strVal.split('/').length > 1) {
+ ary = strVal.split('/');
+ objRadio.eq(3).attr("checked", "checked");
+ $("#dayStart_1").val(ary[0]);
+ $("#dayEnd_1").val(ary[1]);
+ } else if (strVal.split('W').length > 1) {
+ ary = strVal.split('W');
+ objRadio.eq(4).attr("checked", "checked");
+ $("#dayStart_2").val(ary[0]);
+ } else if (strVal == "L") {
+ objRadio.eq(5).attr("checked", "checked");
+ } else {
+ objRadio.eq(6).attr("checked", "checked");
+ ary = strVal.split(",");
+ for (var i = 0; i < ary.length; i++) {
+ $(".dayList input[value='" + ary[i] + "']").attr("checked", "checked");
+ }
+ $.fn.cronGen.tools.initCheckBox("day");
+ }
+ },
+ initMonth : function(strVal) {
+ var ary = null;
+ var objRadio = $("input[name='month'");
+ if (strVal == "*") {
+ objRadio.eq(0).attr("checked", "checked");
+ } else if (strVal == "?") {
+ objRadio.eq(1).attr("checked", "checked");
+ } else if (strVal.split('-').length > 1) {
+ ary = strVal.split('-');
+ objRadio.eq(2).attr("checked", "checked");
+ $("#monthStart_0").val(ary[0]);
+ $("#monthEnd_0").val(ary[1]);
+ } else if (strVal.split('/').length > 1) {
+ ary = strVal.split('/');
+ objRadio.eq(3).attr("checked", "checked");
+ $("#monthStart_1").val(ary[0]);
+ $("#monthEnd_1").val(ary[1]);
+
+ } else {
+ objRadio.eq(4).attr("checked", "checked");
+
+ ary = strVal.split(",");
+ for (var i = 0; i < ary.length; i++) {
+ $(".monthList input[value='" + ary[i] + "']").attr("checked", "checked");
+ }
+ $.fn.cronGen.tools.initCheckBox("month");
+ }
+ },
+ initWeek : function(strVal) {
+ var ary = null;
+ var objRadio = $("input[name='week'");
+ if (strVal == "*") {
+ objRadio.eq(0).attr("checked", "checked");
+ } else if (strVal == "?") {
+ objRadio.eq(1).attr("checked", "checked");
+ } else if (strVal.split('/').length > 1) {
+ ary = strVal.split('/');
+ objRadio.eq(2).attr("checked", "checked");
+ $("#weekStart_0").val(ary[0]);
+ $("#weekEnd_0").val(ary[1]);
+ } else if (strVal.split('-').length > 1) {
+ ary = strVal.split('-');
+ objRadio.eq(3).attr("checked", "checked");
+ $("#weekStart_1").val(ary[0]);
+ $("#weekEnd_1").val(ary[1]);
+ } else if (strVal.split('L').length > 1) {
+ ary = strVal.split('L');
+ objRadio.eq(4).attr("checked", "checked");
+ $("#weekStart_2").val(ary[0]);
+ } else {
+ objRadio.eq(5).attr("checked", "checked");
+ ary = strVal.split(",");
+ for (var i = 0; i < ary.length; i++) {
+ $(".weekList input[value='" + ary[i] + "']").attr("checked", "checked");
+ }
+ $.fn.cronGen.tools.initCheckBox("week");
+ }
+ },
+ initYear : function(strVal) {
+ var ary = null;
+ var objRadio = $("input[name='year'");
+ if (strVal == "*") {
+ objRadio.eq(1).attr("checked", "checked");
+ } else if (strVal.split('-').length > 1) {
+ ary = strVal.split('-');
+ objRadio.eq(2).attr("checked", "checked");
+ $("#yearStart_0").val(ary[0]);
+ $("#yearEnd_0").val(ary[1]);
+ }
+ },
+ cronParse : function(cronExpress) {
+ //获取参数中表达式的值
+ if (cronExpress) {
+ var regs = cronExpress.split(' ');
+ $("input[name=secondHidden]").val(regs[0]);
+ $("input[name=minHidden]").val(regs[1]);
+ $("input[name=hourHidden]").val(regs[2]);
+ $("input[name=dayHidden]").val(regs[3]);
+ $("input[name=monthHidden]").val(regs[4]);
+ $("input[name=weekHidden]").val(regs[5]);
+
+ $.fn.cronGen.tools.initObj(regs[0], "second");
+ $.fn.cronGen.tools.initObj(regs[1], "min");
+ $.fn.cronGen.tools.initObj(regs[2], "hour");
+ $.fn.cronGen.tools.initDay(regs[3]);
+ $.fn.cronGen.tools.initMonth(regs[4]);
+ $.fn.cronGen.tools.initWeek(regs[5]);
+
+ if (regs.length > 6) {
+ $("input[name=yearHidden]").val(regs[6]);
+ $.fn.cronGen.tools.initYear(regs[6]);
+ }
+ }
+ },
+ cronResult : function() {
+ var result;
+ var second = $("#secondHidden").val();
+ second = second== "" ? "*":second;
+ var minute = $("#minHidden").val();
+ minute = minute== "" ? "*":minute;
+ var hour = $("#hourHidden").val();
+ hour = hour== "" ? "*":hour;
+ var day = $("#dayHidden").val();
+ day = day== "" ? "*":day;
+ var month = $("#monthHidden").val();
+ month = month== "" ? "*":month;
+ var week = $("#weekHidden").val();
+ week = week== "" ? "?":week;
+ var year = $("#yearHidden").val();
+ if(year!="")
+ {
+ result = second+" "+minute+" "+hour+" "+day+" "+month+" "+week+" "+year;
+ }else
+ {
+ result = second+" "+minute+" "+hour+" "+day+" "+month+" "+week;
+ }
+ return result;
+ },
+ clearCheckbox : function(dom){
+ //清除选中的checkbox
+ var list = $("."+dom+"List").children().filter(":checked");
+ if ($(list).length > 0) {
+ $.each(list, function(index){
+ $(this).attr("checked", false);
+ $(this).attr("disabled", "disabled");
+ $(this).change();
+ });
+ }
+ },
+ initCheckBox : function(dom) {
+ //移除checkbox禁用
+ var list = $("."+dom+"List").children();
+ if ($(list).length > 0) {
+ $.each(list, function(index){
+ $(this).removeAttr("disabled");
+ });
+ }
+ }
+ };
+})(jQuery);
diff --git a/xxl-job-admin/src/main/resources/templates/jobinfo/jobinfo.index.ftl b/xxl-job-admin/src/main/resources/templates/jobinfo/jobinfo.index.ftl
index a5bda98d..6c1a7c9e 100644
--- a/xxl-job-admin/src/main/resources/templates/jobinfo/jobinfo.index.ftl
+++ b/xxl-job-admin/src/main/resources/templates/jobinfo/jobinfo.index.ftl
@@ -427,6 +427,8 @@ exit 0
+<#-- cronGen -->
+