crontabFill(value) { //确定后回传的值 this.input = value; }, showDialog() { this.expression = this.input;//传入的 cron 表达式,可以反解析到 UI 上 this.showCron = true; } } }; </script> 参数 expression 传入的 cron 表达式,可以反解析到 UI 上 hideComponent 需要隐藏的组件数组,依次为['second','min','hour','day','m...
前言: vue 的cron组件,支持解析/反解析cron表达式,生成最近五次的符合条件时间,依赖 vue2 和 element-ui 效果图: 一、下载安装依赖插件 npm install vcrontab 二、引用方式 //全局引入import vcrontab from "vcrontab";Vue.use(vcrontab); //使用方式://单独引入import vcrontab from "vcrontab";export defau...
vue-crontab vue 的 cron 组件,支持解析/反解析 cron 表达式,生成最近五次的符合条件时间,依赖 vue2 和 element-ui 安装方式 npm install vcrontab 引入方式 //全局引入importvcrontabfrom"vcrontab";Vue.use(vcrontab);//使用方式:<vcrontab></vcrontab>//单独引入importvcrontabfrom"vcrontab";exportdefault{...
如果你需要一个界面友好、易于集成的cron表达式生成器,并且你的项目已经使用了Element UI,那么vue-cron可能是一个不错的选择。 如果你需要在弹出对话框中编辑cron表达式,并且希望保持界面的简洁性,那么vcrontab可能更适合你的需求。 如果你需要更强大的功能和高度定制化的选项,可以考虑使用vue-cron-editor,但请注意查看...
Cron表达式看则简单,但是实际上如果手写的话,非常容易出错的,而且很难及时发现,而easy-cron就是为此应运而生的。 easy-cron是基于Vue.js和iview实现crontab表达式的UI组件,支持多种特性,可以方便、快捷直观地定义cron表达式,并支持给定开始时间后的执行时间点,方便排除错误。
crontab 界面是用VUE去建设的,但是在运算逻辑还是以Javascript为主。尤其解析crontab相应时间结果,稍显复杂。 线上访问地址:https://jingjingke.github.io/crontab/dist/ npm发布 该项目npm包名:vue-crontab-ui,具体内容指路npmjs分支。 目前master分支的内容已经合并到npmjs中,若后期有bug需要维护,可以在master分支中...
cron = value }, }, } 事件 crontabFill(value) 参数:{String} value cron表达式的值 当corn表达式的值发生变化变化时触发 close() 参数:无 当点击corn表达式选择框取消按钮时触发 大小 102kb Readme Keywords cron vue wzvuecrontabPackage Sidebar...
ElementUI @2.x TypeScript vue-property-decorator Getter Started Installation you can install VueCrontab using the following commands: NPM: npm install vue-crontab-generator Yarn: yarn add vue-crontab-generator Example <template> <vue-crontable v-model="cron" :i18n="cn" periods="{s} {m} ...
专用的Vue+ElementUI前端代码生成器,可以和多种后端代码生成器搭配。是通用代码生成器阵列的前端生成引擎。支持Nodejs 21,18和14。 软件截屏 支持的前端技术栈 Nodejs 21,18或14 支持的后端技术栈 Java:boot3,jpa,sbmeu,msmeu,smeu...
基于vue的cron表达式组件——vue-crontab插件 前言: vue 的 cron 组件,支持解析/反解析 cron 表达式,生成最近五次的符合条件时间,依赖 vue2 和 element-ui效果图: 一、下载安装依赖插件 npm install vcrontab二、引用方式 //全局引入 import vcrontab from "vcrontab"; Vue.use(vcrontab); //使用方式: //单...