数字与日期格式

用户可以选择以两种方式显示数字和日期： Mask 和 Overflow 。 默认情况下，用户可以根据列的宽度屏蔽单元格中的数据。 这称为 Mask 模式。 但是SpreadJS还允许用户取消屏蔽单元格中的数据，并使其溢出到相邻的单元格中。 这称为 Overflow 模式。

让我们详细讨论每种模式：

Mask 模式

当用户需要处理包含数百或数千个具有不同宽度的列的表格时，Mask模式功能特别有用。 数据根据列中的可用空间动态显示。

例如-如果用户在单元格中键入"123456.654321"，则该单元格中的数据将根据列宽显示不同，如下图所示-123456.654321 -> 123456.65432 -> 123456.6543 -> 123456.654 -> 123456.65 -> 123456.7 -> 123457 -> 1E + 05 -> ####

显示数字时应用的规则

以下规则适用于显示数字：

• 当列的宽度不足以显示整数部分时，将使用科学计数法。 [例如-请参考下图中的单元格B1]。
• 当列宽可以包含整数部分但不能放置小数部分时； 小数点将四舍五入[例如，请参见下图的C1单元格]。
• 如果用最短的科学记号还不够[例如，请参见下图中的单元格A1]，则数字将显示为“ ####”，其中“＃”的长度取决于列的宽度。

显示日期时应用的规则

以下规则适用于显示日期：

• 当日期的文本长度大于列宽时，单元格将显示为“ ######”，其中“＃”的长度取决于列宽。

示例代码

请参考以下示例代码，以便根据列宽显示日期和数字。

// 显示数字
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var sheet = spread.getActiveSheet();
sheet.suspendPaint();
var width = [35, 45, 54, 66, 71, 80, 88, 95, 114];
for (var c = 0; c < 9; c++)
{
sheet.setValue(0, c, 123456.654321);
sheet.setColumnWidth(c, width[c]);
}
sheet.resumePaint();
// 显示数据
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
var sheet = spread.getActiveSheet();
sheet.suspendPaint();
var date = new Date(2018, 9, 7);
sheet.setValue(0, 0, date);
sheet.setFormatter(0, 0, 'yyyy-mm-dd');
sheet.setColumnWidth(0, 80);
sheet.resumePaint();

注意: 在SpreadJS中格式化日期和数字时应牢记以下限制 -

Overflow 模式

当列的宽度不足以显示整数时，SpreadJS会自动显示“ ####”，科学计数法和四舍五入的整数值。 但是，您可以使用 NumbersFitMode 工作簿选项并将其值设置为1，以变更默认的SpreadJS行为以防止单元格内容被屏蔽。

此 NumbersFitMode 选项将通过以下方式帮助您显示整个数字或日期：当数字或日期长度大于列宽时，允许单元格内容溢出到相邻的单元格中。 此选项也适用于日期。

请参考以下示例，当日期和数字的长度超过单元格中的列宽时，日期和数字将溢出。

//将numbersFitMode选项设置为1
spread.options.numbersFitMode = 1;

//设置日期
var d = new Date();
activeSheet.setValue(1, 3, new Date(2011, 10, 11));

//设置数字
activeSheet.getCell(1, 1, GC.Spread.Sheets.SheetArea.viewport).text("12345678901239");