DataTables导出CSV添加format配置后日期列触发语法错误求助

错误原因 #

你编写的format回调逻辑存在漏洞：当单元格内容为纯文本（比如你这里的日期字符串13/11/2021）时，代码直接把纯文本传给jQuery的$()构造函数，jQuery会默认将传入的字符串当做CSS选择器解析，而日期里的斜杠属于选择器语法中的特殊字符，不符合选择器规范，直接抛出语法错误。

解决方案 #

推荐使用format.body回调自带的node参数（当前单元格的原生DOM节点）判断是否存在input元素，完全不需要解析单元格内容字符串，不会触发选择器解析错误：

text: 'Csv',
extend: 'csvHtml5',
filename: "customers",
exportOptions: {
  columns: [1, 2, 7,8],
  format: {
    body: function (data, row, column, node) {
      // 直接从单元格DOM节点里找input，不需要处理data内容
      const input = node.querySelector('input');
      return input ? input.value : data;
    }
  }
}

如果你一定要用jQuery的方式实现，也可以先判断内容是否为HTML字符串，再做后续处理：

body: function (data, row, column, node) {
  // 先判断字符串是否是input标签开头，再走jQuery解析逻辑
  return typeof data === 'string' && data.trim().startsWith('<input') 
    ? $(data).val() 
    : data;
}

内容的提问来源于stack exchange，提问作者awariat