layui 使用cron可视化组件

layui版本一定是最新版

layui
  .config({
    base: "../static/layui_exts/", // 扩展组件跟路径
  })
  .extend({
    cron: "cron/cron" // 扩展组件
  })
  .use(["cron"], function () {
    var $ = layui.$,
      cron = layui.cron;
    cron.render({
      elem: "#cron", // 绑定元素
      run: "../static/json/run.json", // 获取最近运行时间的接口
      done: function(cronStr) {
        console.log(cronStr);
      }
    });
  });

页面上使用

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