# Cron表达式组件

**Repository Path**: robyte/laycron

## Basic Information

- **Project Name**: Cron表达式组件
- **Description**: Layui自定义Cron表达式组件，生成cron表达式
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 31
- **Created**: 2020-10-03
- **Last Updated**: 2024-12-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Cron表达式组件

#### 介绍
Layui自定义Cron表达式组件，生成cron表达式

#### 安装教程

1.  将 cron 文件夹放到 layui 或 layuiadmin 的扩展组件目录

#### 使用说明

1.  在使用页面引入模块，如：

```
layui
    .config({
      base: "../../layuiadmin/", //静态资源所在路径
    })
    .extend({
      index: "lib/index", //主入口模块
      cron: "cron/cron",
    })
    .use(["index", "console", "cron"], function () {
      var $ = layui.$,
        cron = layui.cron;
      cron.render({
        elem: "#cronVal", // 绑定元素
        url:
          "https://www.fastmock.site/mock/58329c0ee61b03d6ce3ba0c1e2f13691/world/cron", // 获取最近运行时间的接口
        value: $("#cronVal").val(), // 默认值
        done: function (cronStr) {
          console.log(cronStr);
          $("#cronVal").val(cronStr);
        },
      });
    });
```

2. 使用 render 方法绑定元素：

```
cron.render({
    elem: "#cronVal",           // 绑定元素
    url: "https://xxx/cron",    // 获取最近运行时间的接口，目前不支持 js 计算运行时
    value: $("#cronVal").val(), // 默认值
    done: function (cronStr) {  // 点击确定，或运行时，触发，参数为 cron 表达式字符串
      console.log(cronStr);
      $("#cronVal").val(cronStr);
    },
});
```

```
<input type="text" class="layui-input" id="cronVal" value="0/20 * * * * ?" />
```

3. 效果截图：
![输入图片说明](https://images.gitee.com/uploads/images/2020/0823/032639_b5f68ed7_1163950.png "屏幕截图.png")