vue-crontab
vue 的 cron 组件,支持解析/反解析 cron 表达式,生成最近五次的符合条件时间,依赖 vue2 和 element-ui demo
安装方式
npm install vcrontab
引入方式
//全局引入Vue;//使用方式:<vcrontab></vcrontab> //单独引入 components: vcrontab
代码示例
<template> <div id="app"> <div class="box"> <el-input v-model="input" placeholder class="inp"></el-input> <el-button type="primary" @click="showDialog">生成 cron</el-button> </div> <el-dialog title="生成 cron" :visiblesync="showCron"> <vcrontab @hide="showCron=false" @fill="crontabFill" :expression="expression"></vcrontab> </el-dialog> </div></template> <script> components: vcrontab { return input: "" expression: "" showCron: false ; } methods: { //确定后回传的值 thisinput = value; } { thisexpression = thisinput;//传入的 cron 表达式,可以反解析到 UI 上 thisshowCron = true; } ;</script>
参数
- expression 传入的 cron 表达式,可以反解析到 UI 上
方法
-
fill 点击确定时,把选择好的值返回。
-
hide 关闭组件时的回调