最近做的一个vue3项目过程中,需要用到cron表达式功能,而对于普通业务人员,他们是不懂cron表达式规则的,所以需要做一个可手动配置生成cron表达式的功能。从网上查找了一些相关资料,然后结合vue3+Element Plus,改造成适合自己项目的组件。记录代码如下: 实现功能: 1、在下拉框里手动选择后生成cron表达式 2、根据cron表达...
@文心快码vue-cron 插件 文心快码 vue-cron 插件 1. 基本信息和功能 vue-cron 是一款专为 Vue.js 和 Element-UI 设计的高效、易用的 CRON 表达式生成插件。它能够帮助开发者轻松创建和管理定时任务策略,提供直观的界面和完善的国际化支持。以下是该插件的主要功能:...
point-vue-cron cron vue vuecron wangrunfa •1.1.1•6 years ago•2dependents•MITpublished version1.1.1,6 years ago2dependentslicensed under $MIT 51 @charbytex/vue-cron-editor-vuetify [", value: "0 0 8,12 * * ?" } ]; 模板部分: <el-form-item prop="cronExpression" label="cron表达式"> <cm-cron v-model="dataForm.cronExpression" placeholder="请输入...
预览cron表达式: {{ expression }} cron表达式解释: {{ explainAddCron }} <el-button type="primary" size="medium" @click="cronConfirm" style="margin-left: 88%;">确定 </el-button> </el-dialog> </el-form> </template> import VueCronEditorBuefy from 'vue-cron-editor-buefy'; import...
最近做的一个vue3项目过程中,需要用到cron表达式功能,而对于普通业务人员,他们是不懂cron表达式规则的,所以需要做一个可手动配置生成cron表达式的功能。从网上查找了一些相关资料,然后结合vue3+Element Plus,改造成适合自己项目的组件。记录代码如下: 1、components目录下新建 vue3Cron/Index.vue src/components/vue3Cr...
vue-cron-create功能介绍:这是一款cron表达式生成器,同时支持回显功能,基于vue3。Getting started安装npm install vue-cron-create引入方式// 局部引入 import { VueCronCreate } from 'vue-cron-create/src/components/vue-cron-create' <template> <VueCronCreate :getOutCron="'0 30 8 ? * WED,THU'" @send...
简介:基于vue的cron表达式组件——vue-crontab插件 前言: vue 的cron组件,支持解析/反解析cron表达式,生成最近五次的符合条件时间,依赖 vue2 和 element-ui 效果图: 一、下载安装依赖插件 npm install vcrontab 二、引用方式 //全局引入import vcrontab from "vcrontab";Vue.use(vcrontab); //使用方式://单独...
简单来说,cron表达式是一种用来描述定时任务执行时间的字符串。它由6个字段组成,分别表示秒、分、小时、日期、月份和星期几。每个字段都有特定的取值范围,我们可以根据需求来定义定时任务的执行时间。 例如,如果我们想要每天上午10点执行一次任务,我们可以使用以下的cron表达式:0 0 10 * * ?。这个表达式中,第一个...