钉钉小程序报错data.formatTime is not a function是因为 axml 模板中不能直接调用 Page 内自定义方法!

我在js里面写了个formatTime方法

复制代码
Page({
  data: {
    pageNum: 1,
    pageSize: 10,
    loading: false,
    total: 0,
    workList: [],
    token: "",
    // 【新增】搜索筛选条件
    searchTitle: "", // 标题搜索
    selectDate: "", // 选择日期 yyyy-MM-dd
    // 【新增】展开控制:key=工单id,value=true/false 是否展开列表
    expandWorkIds: {},
    // 查询列表缓存 key=工单id,value=查询的数组
    workDealerMap: {}
  },
  formatTime(timeStr) {
    if(!timeStr) return ''
    return timeStr.split('T')[0]
  },

然后在axml里面写这个时间显示: <text>时间:{{formatTime(item.maintainTime)}}</text>

复制代码
<!-- 测试列表 -->
<scroll-view scroll-y>
  <block a:for="{{workList}}" a:key="id">
    <view class="work-item">
      <!-- 测试主行 -->
      <view class="work-head" data-workid="{{item.id}}" onTap="toggleWorkExpand">
        <view class="work-info">
          <text>标题:{{item.maintainTab}}</text>
          <text>时间:{{formatTime(item.maintainTime)}}</text>
        </view>
        <view class="arrow {{expandWorkIds[item.id] ? 'arrow-down' : 'arrow-right'}}">▶</view>
      </view>

结果页面报错

控制台报错信息打印如下

ata.formatTime is not a function

Please check your axml:

in pages/testList/testList

这是钉钉小程序 axml 模板中不能直接调用 Page 内自定义方法!

这个优化方案踩坑了,模板无法直接执行页面 js 里的函数,导致页面直接崩溃

我暂时不知道怎么跨过去调用,先在这个里头来循环跑一下,预处理所有数据的时间

复制代码
success: (res) => {
        console.log("接口success回调,返回数据:", res.data);
        const result = res.data;
        if (result.code === 401) {
          dd.showToast({ title: "登录认证失效,请重新获取token", icon: "none" });
          return;
        }
        if (result.code === 200) {
          const rows = result.rows || [];
          // =========在这个里头来循环跑一下,预处理所有数据的时间=========
          rows.forEach(row=>{
            if(row.maintainTime){
              row.maintainTime = row.maintainTime.split('T')[0]
            }
          })
          // =====================================
          const total = result.total || 0;
          let oldList = this.data.workList;
          const newList = refresh ? rows : [...oldList, ...rows];
          this.setData({
            workList: newList,
            total: total,
            pageNum: page
          });
        }
      },
相关推荐
爱码猿4 小时前
SpringBoot+MybatisPlus动态数据源
java·spring boot·后端
小义_4 小时前
JDK 深度解析
java·linux·开发语言·python·面试
奈斯先生Vector4 小时前
从“能调用”到“可运营”:AI Agent 进入多模型时代后的架构升级
java·javascript·数据库·人工智能·算法·架构·aigc
Json____4 小时前
宿舍安全卫生检查系统:Node 全栈开发实战
java·前端·数据库·毕业设计·课程设计·毕设·wwwoop.com
pnoker4 小时前
36 个驱动模块:应对协议碎片化
java·物联网·modbus·工业互联网·opc ua
码上有光4 小时前
Linux:进程控制和进程替换
java·linux·服务器·进程控制·进程替换
默辨4 小时前
我用Java后端的视角读了一遍JoyAgent-JDGenie
java·开发语言
SQL-First布道者4 小时前
⚡ Spring JDBC 完整体系 · 第 5 讲 · Spring Boot Starter JDBC
java·spring boot·spring·mybatis·spring jdbc
宋哥转AI4 小时前
深入理解 AI Agent · 多 Agent 编排 #03:Supervisor 与 Orchestrator——Dream-SaaS 双层编排架构拆解
java·人工智能·ai
木井巳4 小时前
【JavaEE】Spring Web MVC 入门
java·spring boot·spring·servlet·java-ee