保存时的Kendo jQuery Spreadsheet日期值

时间:2018-08-16 17:03:05

标签: javascript php jquery validation kendo-ui

所以我有一个绑定到远程数据源的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;
}

我将包含一个link to a screenshot,以显示单击“保存”按钮时应为空白的单元格的处理情况。图像的第一行包含已填充的日期。下面的行为空白。

需要进行哪些更改才能将适当的日期值发送回服务器,如何避免空白的麻烦?

1 个答案:

答案 0 :(得分:0)

sheetsheet.php代码可能未正确格式化日期。

1899年12月30日是Microsoft Excel及其它版本的纪元: https://en.wikipedia.org/wiki/Epoch_(reference_date)#Notable_epoch_dates_in_computing

因此,您可能正在输入值“ 1”而不是null。