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

2. 在使用页面引入模块

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. 效果截图