elementUI 日期选择器获取CRON值
CRON:计划任务,是任务在约定的时间执行已经计划好的工作。
cron表达式是一个字符串,字符串以5或6个空格隔开,分为6或7个域,每一个域代表一个含义,Cron有如下两种语法格式:
【 秒 分 时 日 月 周 年 】
Seconds Minutes Hours DayofMonth Month DayofWeek Year或
Seconds Minutes Hours DayofMonth Month DayofWeek
其中包含以下几个特殊字符
『 * 』代表所有的取值范围内的数字,
『 / 』代表每的意思,
『 */5 』表示每5个单位,
『 - 』代表从某个数字到某个数字,
『 , 』分开几个离散的数字。
现在,我们通过elementUI中的日期选择器来获取CRON格式的值,以下是具体代码:
<el-date-picker
v-model="value1"
type="datetime"
value-format="ss mm HH dd MM ? yyyy"
@change="dateChange1"
placeholder="选择日期">
</el-date-picker>
value1: new Date(), // 初始值
dateChange1(s){
console.log(‘’获取返回值, s); // 11 50 09 20 05 ? 2021
}
重点:value-format="ss mm HH dd MM ? yyyy" 。
实际上我们通过日期选择器提供的日期格式就可以直接获取到想要的cron值了。由于取值中包含时分秒,选择器的日期显示类型type需要设置成datetime;若是返回的值是年月日,则默认时分秒都为0。