结合LayUI中的时间组件和Ftable字段去二开

迅睿框架 更新 2026-01-21 23:54:47 琉惗

结合LayUI中的时间组件和Ftable字段去二开,新增时间选择字段,有可能会对其他人有用,就分享一下,代码回复就可以看到

private function _field_type_select($id, $type) {

        $arr = [
            0 => dr_lang('不使用'),
            1 => dr_lang('文本框'),
            2 => dr_lang('下拉选择框'),
            3 => dr_lang('时间日期'),
        ];

        $html = '<select class="form-control" name="data[setting][option][field]['.$id.'][type]">';
        foreach ($arr as $i => $name) {
            $html.= '<option '.($i == $type ? 'selected' : '').' value="'.$i.'">'.$name.'</option>';
        }
        $html.= '</select>';

        return $html;
    }

    private function _field_type_html($config, $cname, $value, $hang, $lie) {

        $html = '';
        if ($config['type'] == 1) {
            $html.= '<label><input type="text" class="form-control" name="data['.$cname.']['.$hang.']['.$lie.']" value="'.$value[$hang][$lie].'"></label>';
        } elseif ($config['type'] == 2) {
            $html = '<label><select class="form-control" name="data['.$cname.']['.$hang.']['.$lie.']">';
            $arr = explode(',', $config['option']);
            foreach ($arr as $name) {
                $html.= '<option '.($value[$hang][$lie] == $name ? 'selected' : '').' value="'.$name.'">'.$name.'</option>';
            }
            $html.= '</select></label>';
        }elseif ($config['type'] == 3) {
            $html = '
            <link href="'.ROOT_THEME_PATH.'layui/css/layui.css" rel="stylesheet" type="text/css" />
            <link href="'.ROOT_THEME_PATH.'layui/css/modules/laydate/default/laydate.css?v=5.0.9" rel="stylesheet" type="text/css" />
            <div class="layui-form">
              <div class="layui-form-item">
                <div class="layui-inline">
                  <div class="layui-input-inline">
                    <input type="text" class="layui-input timeSelect" value="'.$value[$hang][$lie].'" name="data['.$cname.']['.$hang.']['.$lie.']" placeholder="yyyy-MM-dd">
                  </div>
                </div>
              </div>
            </div>
            <script src="'.ROOT_THEME_PATH.'layui/layui.js" type="text/javascript"></script>
            <script src="'.ROOT_THEME_PATH.'layui/lay/modules/laydate.js" type="text/javascript"></script>
            <script>
            layui.use("laydate", function(){
                var laydate = layui.laydate;
                lay(".timeSelect").each(function(){
                    laydate.render({
                        elem: this,
                        theme: "grid"
                    });
                });
            });
            </script>
                ';
        }

        return $html;
    }

0

QQ截图20200221193736

2


方案

  • 琉惗 #1 · 2020-02-21 20:54:38
    需要在创建My/Filed/Ftable.php文件,并修改命名空间和继承类的方法,修改方式如我上图所示
  • 设计杂工 #2 · 2020-02-21 20:56:17
    感谢分享!
  • 昱宇 #3 · 2020-02-21 20:58:39
    感谢分享!
  • 迅睿框架创始人 #4 · 2020-02-21 21:05:12
    很不错,知道把他放到my目录建议改一改文件名,这样就会可以使用,原来的字段类型看自定义字段类型教程
  • 琉惗 #5 · 2020-02-21 21:11:21
    回复迅睿框架创始人嗯,可以的嘿嘿
  • 丛林灰太狼 #6 · 2020-02-21 21:39:21
    哈,必须标注下!
  • 猴子哥哥 #7 · 2020-02-21 22:17:11
    必须支持
  • 扒了猛干 #8 · 2020-02-21 23:16:25
    感谢分享!好人
  • tayir2004 #9 · 2020-02-23 17:57:45
    必须标注下!
  • 吃不痴 #10 · 2020-05-21 22:17:30
    记录一下,可能会用到。
  • K大帅 #11 · 2020-05-21 22:39:30
    记录一下,可能会用到。
  • kimi #12 · 2020-05-22 00:46:44
    学习了感谢分享
  • 没熟的土豆 #13 · 2021-10-25 16:35:35
    学习了感谢分享
  • Rambo #14 · 2021-10-30 11:16:33
    做个标记,感谢大神分享
  • 1239 #15 · 2022-06-27 16:56:35
    做个标记
  • hiker #16 · 2022-08-31 10:31:03
    太厉害了, 求之不得呢,谢谢分享
  • 我爱迅睿CMS #17 · 2024-07-23 10:58:33
    做个标记,记录一下
  • criminalis #18 · 2025-05-25 17:44:24
    学习了感谢分享
  • 四分音符 #19 · 2025-05-28 09:42:42
    做个标记做个标记做个标记做个标记
  • tugoy #20 · 2025-05-28 20:41:07
    我也来学习一下
  • chunmu #21 · 2026-01-21 23:54:47
    好人一生平安~

迅睿系统漏洞

GeoSeo收录宝
GeoSeo收录宝(2026-09-01)
升级 ai智能发布功能 升级 支持8国语言后端设置和前端输出功能 ...
Word发布批量上传
Word发布批量上传(2026-08-31)
版本覆盖问题重发
多语言翻译Seolang
多语言翻译Seolang(2026-08-31)
新增 LLM 大模型对话翻译模块 配置层强类型化重构 URL 模...
自定义存储
自定义存储(2026-08-30)
同步服务器端通用版实现,统一管理端、CMS 端和浏览器直传的提示与错...
GeoSeo工具箱
GeoSeo工具箱(2026-08-29)
新增 bing推送 新增 IndexNow推送 新增 baidu...
外贸多语言建站
外贸多语言建站(2026-08-27)
新增阿里云专业版入口 新增阿里云自动识别字符格式
Querylist渐进式采集
Querylist渐进式采集(2026-08-26)
增加范围截取规则
实时任务
实时任务(2026-08-26)
补充并整理完整使用说明、历史版本更新日志,统一帮助页样式。