首页 前端知识 基于Jquery实现一个cron表达式选择器

基于Jquery实现一个cron表达式选择器

2024-05-12 17:05:05 前端知识 前端哥 537 191 我要收藏

for(var i= 0;i<timeTypes.length;i++){

renderPeriodHtml(timeTypes[i]);

renderAssignHtml(timeTypes[i]);

}

};

//初始化html

var renderHtml = function(){

var tabItemContainer = renderTabHtml(container);

renderTimeItemHtml(tabItemContainer);

};

//初始化时间类型切换事件

var initTabChooseEvent = function(){

$(‘[tabcode]’).click(function(){

var code = $(this).attr(‘tabcode’);

$(this).addClass(‘active’).siblings().removeClass(‘active’);

$(‘div[tabitemcode=’ + code + ‘]’).show().siblings().hide();

});

};

//清空该时间类型下的所有输入

var clearInput = function(timeType){

var timeContainer = getTimeItemContainer(timeType);

timeContainer.find(“input”).prop(“checked”, false);

};

//初始化时间选择类型互斥事件

var initMutualEvent = function(){

$(‘div[tabItemCode]’,container).each(function(){

var _this = $(this);

var timeType = $(this).attr(‘tabItemCode’);

$(‘input.’+typeSelectorClass,_this).on(‘change’,function(){

if($(this).prop(‘checked’)) {

( ′ i n p u t . ′ + t y p e S e l e c t o r C l a s s , t h i s ) . n o t ( ('input.'+typeSelectorClass,_this).not( (input.+typeSelectorClass,this).not((this)).prop(‘checked’,false);

if(timeType == ‘week’){

clearInput(‘day’);

}

if(timeType == ‘day’){

clearInput(‘week’);

}

}

});

});

};

//获得指定时间类型的值

var getTimeValue = function(timeType){

var checkedSelect = getTimeItemContainer(timeType).find(‘input.’+typeSelectorClass+‘:checked’);

var selectorType = checkedSelect.length>0 ? checkedSelect.attr(‘name’) : selectorTypeEnum.empty;

if(selectorType == selectorTypeEnum.period){

return getPeriodValue(timeType);

}else if(selectorType == selectorTypeEnum.assign){

return getAssignValue(timeType);

}else if(selectorType == selectorTypeEnum.empty){

return getEmptyValue(timeType);

}

};

//获得周期时间选择器的值

var getPeriodValue = function(timeType){

var timeContainer = getTimeItemContainer(timeType)

var start = $(‘input.’+startInputClass,timeContainer).val();

var end = $(‘input.’+endInputClass,timeContainer).val();

var distance = $(‘input.’+distanceInputClass,timeContainer).val();

var value = start || ‘’;

if(end && start){

value += (‘-’ + end)

}

if(distance){

value += (‘/’ + distance);

}

return value || ‘*’;

};

//获得指定时间选择器的值

var getAssignValue = function(timeType){

var timeContainer = getTimeItemContainer(timeType);

var selectedValues = [];

$(‘input.’+valueCheckBoxClass+‘:checked’,timeContainer).each(function () {

selectedValues.push($(this).attr(“value”));

});

return selectedValues.join(‘,’) || ‘0’;

};

//是否将日/周本地化

var translateWeek = function(weekTime,reverse){

if(!weekTime){

return weekTime;

}

var weekDays = weekTime.split(‘’);

for(var i = 0;i < weekDays.length;i++){

if(weekChar.indexOf(weekDays[i]) == -1){

if(reverse){

weekDays[i] = localWeekSequence.indexOf(weekDays[i]) + 1;

}else {

weekDays[i] = localWeekSequence[parseInt(weekDays[i]) - 1];

}

}

}

return weekDays.join(‘’);

}

//获得空值

var getEmptyValue = function(timeType){

if(timeType == ‘week’ || timeType == ‘day’){

return ‘?’

}

return “*”

};

var isNumber = function(value){

var re = /1+.?[0-9]*$/;

return re.test(value)

};

//根据值获取对应选择器类型

var getTimeValueSelectorType = function(value){

if(!value || value == ‘*’ || value == ‘?’){

return selectorTypeEnum.empty;

}

if(value.indexOf(‘/’) != -1 || value.indexOf(‘-’) != -1){

return selectorTypeEnum.period;

}

if(value.indexOf(‘,’) != -1 || isNumber(value)){

return selectorTypeEnum.assign;

}

};

//初始化周期时间

var initPeriodValue = function(value,timeType){

var timeContainer = getTimeItemContainer(timeType);

$(‘input[name="’+selectorTypeEnum.period+‘"]’,timeContainer).prop(“checked”,true);

var values = value.split(‘/’);

var startAndEnd = values[0].split(‘-’);

if(startAndEnd != ‘*’) {

$(‘input.’+startInputClass, timeContainer).val(startAndEnd[0]);

if(startAndEnd.length > 1) {

$(‘input.’+endInputClass, timeContainer).val(startAndEnd[1]);

}

}

if(values.length > 1) {

var period = values[1];

$(‘input.’+distanceInputClass, timeContainer).val(period);

}

};

//初始化指定时间

var initAssignValue = function(value,timeType){

var timeContainer = getTimeItemContainer(timeType);

$(‘input[name="’+selectorTypeEnum.assign+‘"]’,timeContainer).prop(“checked”,true);

var selectedValues = value.split(‘,’);

for(var i = 0;i < selectedValues.length;i++){

$(‘input[value=’+selectedValues[i]+‘].’+valueCheckBoxClass,timeContainer).prop(‘checked’,true);

}

};

var initEvent = function(){

initTabChooseEvent();

initMutualEvent();

};

var init = function(){

renderHtml();

initEvent();

};

init();

this.val = function(){

var values = [];

for(var i = 0;i < timeTypes.length;i++){

values.push(getTimeValue(timeTypes[i]));

}

var weekValue = values[timeTypes.indexOf(‘week’)];

if(weekValue == ‘?’ && values[timeTypes.indexOf(‘day’)] == ‘?’){

values[timeTypes.indexOf(‘day’)] = ‘*’

}

if(this.options[‘locatedWeek’]){

values[timeTypes.indexOf(‘week’)] = translateWeek(weekValue);

}

return values.join(’ ');

};

this.parseVal = function(value){

var timeValues = value.split(’ ');

timeValues[timeTypes.indexOf(“week”)] = translateWeek(timeValues[timeTypes.indexOf(“week”)],true);

for(var i = 0;i < timeValues.length;i++){

var timeValue = timeValues[i];

var timeType = timeTypes[i];
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Python工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Python开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以扫码获取!!!(备注Python)

9)]

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以扫码获取!!!(备注Python)

img
  1. 0-9 ↩︎

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8417.html
标签
评论
发布的文章

使用 mapstructure 解析 json

2024-06-05 13:06:03

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!