# vue-crontab-generator

> A crontab expression generator component based on vue and element-ui

Latest version **1.0.3** (published 2025-08-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-crontab-generator
pnpm add vue-crontab-generator
yarn add vue-crontab-generator
bun add vue-crontab-generator
```

## Health

**Score 35/100 (D)** — status: maintenance-mode.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2025-08-14 |
| First published | 2023-04-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 133.1 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | wangtao |
| Maintainers | king-peach |
| Keywords | crontab, cron, vue-cron, vue-corntab, vue-cron-generator, vue-crontab-generator |

## Links

- npm: https://www.npmjs.com/package/vue-crontab-generator
- Homepage: https://github.com/king-peach/vue-crontab-generator.git
- npm.io page: https://npm.io/package/vue-crontab-generator

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ~2.6
- [element-ui](https://npm.io/package/element-ui.md) 2.x
- [vue-property-decorator](https://npm.io/package/vue-property-decorator.md) ^8.3.0

## Recent versions

- 1.0.3 (latest) — 2025-08-14
- 1.0.2 — 2023-04-10
- 1.0.1 — 2023-04-10

## README

# Vue-Crontab

Vue-Crontab is a configurable generator of crontab expressions

## Preview
![demo](https://linxianglive.cn/vue-crontab-demo.gif)

## Fearture
* customer config tabs
* responsive data
* international language

## Dependency
* Vue @2.x
* ElementUI @2.x
* TypeScript
* vue-property-decorator

<br>

# Getter Started
## Installation
you can install VueCrontab using the following commands:

NPM: 
```
npm install vue-crontab-generator
```

Yarn:
```
yarn add vue-crontab-generator
```

## Example

```html
<template>
  <vue-crontable v-model="cron" :i18n="cn" periods="{s} {m} {h} {d} {M} {W} {Y}" />
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator'
import VueCrontab from 'vue-crontab-generator'

@Component({
  components: {
    VueCrontab
  }
})

export default class Example extends Vue {
  cron: string = '* * * * * ? *'
}
</script>
```

## Params
| property | value | default value |
| :----| :---- | :---- |
| value | v-model binding value | "" |
| i18n | International language, currently only support Chinese and English，"en" | "cn" | "cn" |
| periods | Expression format rules, according to the default value to add or delete configuration | "{s} {m} {h} {d} {M} {W} {Y}" |
| showText | Show bottom crontab expression | true |
| selectPopperClass | el-select popper-class property | "" |
| disabled | readonly parameter | false |

## method
| name | description | params |
| :---- | :---- | :---- |
| change | Triggered when the expression changes | val: Current expression value |

## Tips
* periods: Must be in accordance with the order configuration, based on the default format to add or delete
* selectPopperClass: It can fixed el-select obscured problem due to z-index too low

---
_Source: https://npm.io/package/vue-crontab-generator · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._