ldang264 / Vue Cron Generator
Licence: mit
Cron Generator Implemented by Vue.js and Element-ui(基于Vue&Element-UI构建的在线Cron表达式生成器)
Stars: ✭ 48
Labels
Projects that are alternatives of or similar to Vue Cron Generator
Chronos
Fault tolerant job scheduler for Mesos which handles dependencies and ISO8601 based schedules
Stars: ✭ 4,303 (+8864.58%)
Mutual labels: cron, crontab
php-cron-expr
Ultra lightweight, Dependency free and Super Fast Cron Expression parser for PHP
Stars: ✭ 42 (-12.5%)
Mutual labels: cron, crontab
LexikCronFileGeneratorBundle
This symfony bundle provides service for generate cron file
Stars: ✭ 20 (-58.33%)
Mutual labels: cron, crontab
Cron Parser
Node.js library for parsing crontab instructions
Stars: ✭ 802 (+1570.83%)
Mutual labels: cron, crontab
Dynamic Wallpaper
A simple bash script to set wallpapers according to current time, using cron job scheduler.
Stars: ✭ 762 (+1487.5%)
Mutual labels: cron, crontab
Cronicle
A simple, distributed task scheduler and runner with a web based UI.
Stars: ✭ 979 (+1939.58%)
Mutual labels: cron, crontab
mi-cron
📆 A microscopic parser for standard cron expressions.
Stars: ✭ 16 (-66.67%)
Mutual labels: cron, crontab
asparagus
An easy to use task scheduler for distributed systems
Stars: ✭ 14 (-70.83%)
Mutual labels: cron, crontab
crontab
cron expression parser and executor for dotnet core.
Stars: ✭ 13 (-72.92%)
Mutual labels: cron, crontab
croncal
Utility to convert a crontab file to a list of actual events within a date range.
Stars: ✭ 37 (-22.92%)
Mutual labels: cron, crontab
Cron Utils
Cron utils for parsing, validations and human readable descriptions as well as date/time interoperability.
Stars: ✭ 724 (+1408.33%)
Mutual labels: cron, crontab
Bree
🚥 The best job scheduler for Node.js and JavaScript with cron, dates, ms, later, and human-friendly support. Works in Node v10+ and browsers, uses workers to spawn sandboxed processes, and supports async/await, retries, throttling, concurrency, and graceful shutdown. Simple, fast, and lightweight. Made for @ForwardEmail and @ladjs.
Stars: ✭ 933 (+1843.75%)
Mutual labels: cron, crontab
vue-cron-generator
a project using vue,element-ui to generate cron expression 中文 Online demo
Used by
👉 Attemper: A distributed,multi-tenancy,job-flow scheduling application 👈
Use(Example)
- Install dependency(npm)
npm install vue-cron-generator
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import elementEnLocale from 'element-ui/lib/locale/lang/en'
import elementZhCNLocale from 'element-ui/lib/locale/lang/zh-CN'
import enUSLocale from './en-US'
import zhCNLocale from './zh-CN'
import { getLocale } from '../util/tools'
Vue.use(VueI18n)
const messages = {
en_US: {
...enUSLocale,
...elementEnLocale
},
zh_CN: {
...zhCNLocale,
...elementZhCNLocale
}
},
i18n = new VueI18n({
// set locale
// options: en | zh
locale: getLocale(),
// set locale messages
messages
})
export default i18n
import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import 'vue-cron-generator/src/styles/global.less'
import App from './App'
import i18n from './lang' // Internationalization
Vue.use(Element, {
size: localStorage.getItem('size') || 'small', // set element-ui default size
i18n: (key, value) => i18n.t(key, value)
})
new Vue({
el: '#app',
i18n,
render: h => h(App)
})
- Vue file
<template>
<div id="app">
<el-row>
<el-col :span="6" :offset="9">
<cron-input v-model="cron" @change="change" @reset="reset"/>
</el-col>
</el-row>
</div>
</template>
<script>
import CronInput from 'vue-cron-generator/src/components/cron-input'
import { DEFAULT_CRON_EXPRESSION } from 'vue-cron-generator/src/constant/filed'
export default {
name: 'App',
components: {
CronInput
},
data() {
return {
cron: DEFAULT_CRON_EXPRESSION
}
},
methods: {
change(cron) {
this.cron = cron
},
reset(cron) {
this.cron = DEFAULT_CRON_EXPRESSION
}
}
}
</script>
<style lang="less">
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>
- Run your project
Build Source Code
# install dependencies
npm install vue-cron-generator
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].