javascript - 剑道 jQuery 电子表格日期值保存

问题描述

所以我有一个绑定到远程数据源的 Kendo jQuery 电子表格。电子表格中的字段也是数据驱动的，所以我有一个流程，它将遍历所有列并根据数据类型对列应用验证。当我将验证应用于日期值时，似乎所有值都转换为 JavaScript Date 对象。

这给我带来了两个问题。1. 当我去保存数据时，它会将日期对象发送到服务器，而不是mm/dd/yyyy. 2. 它将空白值视为12/30/1899。

这是我使用的部分代码：

var record_id = 1;
var columnData = {
    field_name1: {"title":"FIELD1", "type":"string", "width":50, "order":0},
    field_name2: {"title":"FIELD2", "type":"date", "width":50, "order":1}
};
var columnMap = ['field_name1', 'field_name2'];

// The following code executes in the event that is triggered when the data is successfully read.
function readSource(e) {
    $.ajax({
        url: './spreadsheet.php',
        data: { id: record_id, action: 'list' },
        dataType: 'json',
        method: 'POST',
        success: function(result) {
            e.success(result);
            $.each(columnData, function(field, data) {
                var range = toColumnName(columnMap.indexOf(field) + 1) + '2:' + toColumnName(columnMap.indexOf(field) + 1) + (result.count + 1);
                var validator = false;
                var format = '';
                switch (data.type) {
                    case 'date': {
                        validator = {
                            dataType: 'date',
                            comparerType: 'between',
                            from: 'DATEVALUE("1/1/2000")',
                            to: 'DATEVALUE("1/1/2100")',
                            allowNulls: true,
                            showButton: true,
                            type: 'reject',
                            titleTemplate: 'Date Error',
                            messageTemplate: 'Enter a valid date between 1/1/2000 and 1/1/2100.'
                        };
                        format = 'mm/dd/yyyy';
                        break;
                   }
                }
                if (validator !== false) {
                    sheet.range(range).validation(validator);
                }
                if (format === '') {
                    sheet.range(range).format(format);
                }
            });
        }
    });
}

// On save
function submitSource(e) {
    $.ajax({
    url: './spreadsheet.php',
    data: { action: 'update', id: record_id, records: e.data },
    method: 'POST',
    dataType: 'json',
    success: function (result) {
        e.success(result.Updated, 'update');
        e.success(result.Created, 'create');
        e.success(result.Destroyed, 'destroy');
    }
}

// Convert index to column letter (1 => 'A', 27=>'AA')
function toColumnName(num) {
    for (var ret = '', a = 1, b = 26; (num -= a) >= 0; a = b, b *= 26) {
        ret = String.fromCharCode(parseInt((num % b) / a) + 65) + ret;
    }
    return ret;
}

我将包含一个指向屏幕截图的链接，该屏幕截图显示当我单击保存按钮时应该为空白的单元格会发生什么情况。图像中的第一行包含已填充的日期。下面的行是空白的。

需要更改哪些内容才能将适当的日期值发送回服务器，如何避免出现空白问题？

标签： javascriptphpjqueryvalidationkendo-ui

javascript - 剑道 jQuery 电子表格日期值保存

问题描述

解决方案

推荐阅读