jtmet-vue-cron-antd

a project using vue, antd to generate cron expression
172
Install
npm install jtmet-vue-cron-antd
Latest Version:0.2.7
Vue:2
License:MIT
Last Updated:Sep 22, 2026
Links: npm
Maintainer: lucoxlee

vue-cron-antd

一个基于 Vue & Ant Design Vue 构建的在线Cron表达式生成器

Vue + Element UI 的版本

TODO (以下按照优先级排序)

  • 支持template属性,通过传入模版数组来外部定义模版
  • 支持theme属性,通过传入color对象,来定义几个主要的颜色
  • 支持antd的表单,通过v-decorator指令来进行默认值指定,和form做交互,做检验

使用

npm install jtmet-vue-cron-antd
  • Vue文件
<template>
  <div id="app">
    <cron-input v-model="cron" @change="change" @reset="reset"/>
  </div>
</template>

<script>
import CronInput from 'jtmet-vue-cron-antd'

export default {
  name: 'App',
  components: {
    CronInput
  },
  data() {
    return {
      cron: '0 0 12 * * ?'
    }
  },
  methods: {
    change(cron) {
      this.cron = cron
    },
    reset(cron) {
      this.cron = '0 0 12 * * ?'
    }
  }
}
</script>

构建本项目源码

# 安装依赖
yarn

# 服务启动在localhost:8080
npm run dev

# 构建生产文件
npm run build

发布

npm login
npm publish --access public

Related Packages

vcrontab-3

vue 的 cron 组件,支持解析/反解析 cron 表达式,生成最近五次的符合条件时间

41,966 269
vcrontab

vue 的 cron 组件,支持解析/反解析 cron 表达式,生成最近五次的符合条件时间

16,959 269
vue-cron-generator

a project using vue,element-ui to generate cron expression

4,416
vue3-cron-antd

A Cron expression UI component based on Vue3 and Ant Design Vue

3,735 15
fish-crontab

vue 的 cron 组件,支持解析/反解析 cron 表达式,生成最近五次的符合条件时间

1,838 5

Version History

Version Released Vue License
0.2.7 ^2.6.12 MIT