datetables中date无数据时展示暂无数据

如果 DataTables 中的日期列（或其他类型的列）没有数据时，也可以通过自定义渲染函数来展示暂无数据的效果。

1. 首先需要在 DataTables 的初始化代码中，为需要展示暂无数据的列设置一个自定义渲染函数。

$('#myTable').DataTable({
    columns: [
        { data: 'name' },
        {
            // 这里是需要展示暂无数据的日期列
            data: 'date',
            render: function(data, type, row) {
                if (type === 'display' && data === null) {
                    return '暂无数据';
                } else {
                    return data;
                }
            }
        },
        { data: 'status' }
    ]
});

2. 在 HTML 中添加一个 id 为 myTable 的表格元素，并且在数据中为日期列设置 null 值。

<table id="myTable">
    <thead>
        <tr>
            <th>名称</th>
            <th>日期</th>
            <th>状态</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>项目1</td>
            <td>null</td>
            <td>未开始</td>
        </tr>
        <tr>
            <td>项目2</td>
            <td>2021-08-01</td>
            <td>进行中</td>
        </tr>
        <!-- 这里是更多的表格数据 -->
    </tbody>
</table>

当日期列的值为 null 时，渲染函数就会将其替换为暂无数据的提示信息。注意，渲染函数只在显示表格数据时调用，而在排序、搜索等操作时不会调用，因此不会影响 DataTables 的正常功能。