联系官方销售客服

1835022288

028-61286886

分享经验 版主:论坛审计组
结合LayUI中的时间组件和Ftable字段去二开
类型:迅睿CMS 更新时间:2022-08-31 10:31:03

结合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
    Chrome 0
    需要在创建My/Filed/Ftable.php文件,并修改命名空间和继承类的方法,修改方式如我上图所示
  • 设计杂工
    #2楼    设计杂工
    2020-02-21 20:56:17
    Edge 0
    感谢分享!
  • 昱宇
    #3楼    昱宇
    2020-02-21 20:58:39
    Chrome 0
    感谢分享!
  • #4楼    迅睿框架创始人
    2020-02-21 21:05:12
    Google Pixel 手机 0
    很不错,知道把他放到my目录建议改一改文件名,这样就会可以使用,原来的字段类型看自定义字段类型教程
  • 琉惗
    #5楼    琉惗
    2020-02-21 21:11:21
    Chrome 0
    回复迅睿框架创始人嗯,可以的嘿嘿
  • 丛林灰太狼
    #6楼    丛林灰太狼
    2020-02-21 21:39:21
    Chrome 0
    哈,必须标注下!
  • 猴子哥哥
    #7楼    猴子哥哥
    2020-02-21 22:17:11
    华为手机 0
    必须支持
  • 扒了猛干
    #8楼    扒了猛干
    2020-02-21 23:16:25
    Chrome 0
    感谢分享!好人
  • tayir2004
    #9楼    tayir2004
    2020-02-23 17:57:45
    QQ浏览器 0
    必须标注下!
  • 吃不痴
    #10楼    吃不痴
    2020-05-21 22:17:30
    Chrome 0
    记录一下,可能会用到。
  • K大帅
    #11楼    K大帅
    2020-05-21 22:39:30
    Chrome 0
    记录一下,可能会用到。
  • kimi
    #12楼    kimi
    2020-05-22 00:46:44
    Chrome 0
    学习了感谢分享
  • 没熟的土豆
    #13楼    没熟的土豆
    2021-10-25 16:35:35
    Chrome 0
    学习了感谢分享
  • Rambo
    #14楼    Rambo
    2021-10-30 11:16:33
    Chrome 0
    做个标记,感谢大神分享
  • 1239
    #15楼    1239
    2022-06-27 16:56:35
    Chrome 0
    做个标记
  • hiker
    #16楼    hiker
    2022-08-31 10:31:03
    Chrome 0
    太厉害了, 求之不得呢,谢谢分享