PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

编辑时间-基于x-editable的无刷新表格行内编辑

管理员 2024-12-14
Fastadmin
13

1.先看实现的效果图
7F665DCD-3D5E-42E2-9D7B-6BA95A2AE54A.png
F6D23C52-A9B6-4E76-A111-79B33AC0C405.png

2.具体实现步骤

  • 对应的model层里的获取器(虽然获取器在这里没什么用)和修改器:

     public function getBacktimeTextAttr($value, $data)  {      $value = $value ? $value : (isset($data['backtime']) ? $data['backtime'] : '');      return is_numeric($value) ? date("Y-m-d", $value) : $value;  }  protected function setBacktimeAttr($value)  {      return $value === '' ? null : ($value && !is_numeric($value) ? strtotime($value) : $value);  }
  • 对应的js文件:

       {                          field: 'backtime',                          title: __('Backtime'),                          sortable: true,                          operate: 'RANGE',                          addclass: 'datetimerange',                          formatter: Table.api.formatter.datetimecustom3,                          editable: {                              type: 'date',                              title: '回访时间',                              pk: 1,                              placement: 'left',                              clear: '清除',                              format: 'yyyy-mm-dd',                              viewformat: 'yyyy-mm-dd',                              datepicker: {                                  language:'zh',                                  weekStart: 1,                              }                          }                      }
  • 其中,formatter: Table.api.formatter.datetimecustom3,中的datetimecustom3是我根据/public/assets/js/require-table.js目录下的datetime方法重新添加的一个方法,目的是修改时间显示的格式,内容如下:

    datetimecustom3: function (value, row, index) {                  var datetimeFormat = typeof this.datetimeFormat === 'undefined' ? 'YYYY-MM-DD' : this.datetimeFormat;                  if (isNaN(value)) {                      return value ? Moment(value).format(datetimeFormat) : __('None');                  } else {                      return value ? Moment(parseInt(value) * 1000).format(datetimeFormat) : __('None');                  }              },
  • 我们注意到,默认的language:'en',我们这里修改为中文:zh,那么就需要修改插件里的js文件了,位置在:assets/addons/eidtable/js/bootstrap-editable.min.js

**3.感谢**

希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部

网站数据概况 - 最近活跃访客0今日访问人数6今日访问量30昨日访问人数10昨日访问量27本月访问量30总访问量3,224