antv-cron

A Cron expression editor of easy-to-use, based on Vue@2.6.14

Example

Demo https://zyqwst.github.io/antv-cron/dist/index.html

1npm install antv-cron

1import CronInput from 'antv-cron'
2import 'antv-cron/lib/antv-cron.css'
3
4Vue.use(CronInput)

1<template>
2  <div id="app">
3    ...
4    <a-popover trigger="click">
5      <template slot="content">
6        <cron-input  v-model="cron"/>
7      </template>
8      <a-input v-model="cron" placeholder="* * * * * ?"/>
9    </a-popover>
10    ...
11  </div>
12</template>
13
14<script>
15export default {
16  name: 'App',
17  data() {
18    return {
19      cron: null
20    }
21  }
22}
23</script>

antv-cron属性说明如下：

属性	说明	类型	是否必须	默认值
value(v-model)	cron变量	string	是
item	可配置的项['second','minute','hour','day','month','week','year']	array	否	['second','minute','hour','day','month','week']
weekByNum	星期(周)是否是用数字，默认false，使用英文简写，如SUN、MON	Boolean	否	false
sundayIndex	星期(周)使用数字时，星期天的值，一般是0或1	int	否	0
yearStart	年的默认开始日期，如2023		否	当年
lang	国际化(可选cn和en)	String	否	cn

Don't forget to star if it helped! 如果对您有帮助，别忘记给个星哦