在进行ActiveReportsJS 报表设计的时候,经常会进行时间类型的设置。比如短时间、长时间、短日期、长日期等等\
由于时间类型在json中的是以字符串的形式进行存储的,那么要在报表设计的时候要使用Format函数进行时间设置的时候,就需要先把字符串转换为时间类型,然后再进行时间格式的设置。

下面话不多说吗,直接上手演示

1、首先进行时间转换,把存在Json中的字符串类型的数据转换为时间类型\

使用“DateTime.Parse()”进行时间类型的转换

DateTime.Parse(<格式字符串>[, <String>])

2、打开报表设计器,进行数据源数据集的绑定

数据源:\
OrderDate 代表时间
` [
        {
            "OrderID": 10248,
            "CustomerId": "VINET",
            "CompanyName": "山泰企业",
            "OrderDate": "1996/01/31 10:00:00",
            "Freight": 32.38,
            "ProductID": 42,
            "ProductName": "糙米",
            "UnitPrice": 9.8,
            "Quantity": 10,
            "Discount": 0,
            "Amount": 98,
            "DiscountAmt": 0,
            "NetAmount": 98
        },
        {
            "OrderID": 10248,
            "CustomerId": "VINET",
            "CompanyName": "山泰企业",
            "OrderDate": "1996/10/31 07:00:00",
            "Freight": 32.38,
            "ProductID": 72,
            "ProductName": "酸奶酪",
            "UnitPrice": 34.8,
            "Quantity": 5,
            "Discount": 0,
            "Amount": 174,
            "DiscountAmt": 0,
            "NetAmount": 174
        },
        {
            "OrderID": 10248,
            "CustomerId": "VINET",
            "CompanyName": "山泰企业",
            "OrderDate": "1996/10/31 00:00:00",
            "Freight": 32.38,
            "ProductID": 17,
            "ProductName": "猪肉",
            "UnitPrice": 14,
            "Quantity": 12,
            "Discount": 0,
            "Amount": 168,
            "DiscountAmt": 0,
            "NetAmount": 168
        },
        {
            "OrderID": 10249,
            "CustomerId": "TOMSP",
            "CompanyName": "东帝望",
            "OrderDate": "1996/07/05 00:00:00",
            "Freight": 11.61,
            "ProductID": 14,
            "ProductName": "沙茶",
            "UnitPrice": 18.6,
            "Quantity": 9,
            "Discount": 0,
            "Amount": 167.4,
            "DiscountAmt": 0,
            "NetAmount": 167.4
        }
    ]
`

3、数据源数据集绑定好之后,给表格绑定对应字段

image.png

4、进行时间类型的转换

{DateTime.Parse(OrderDate, "YYYY/MM/DD HH:mm:ss")}

5、进行Format格式设置

image.png

6、预览结果

image.png

image.png


LanLan_Guo
14 声望4 粉丝

研究报表已经7年有余,略懂一二。期望能够成为报表专家,为大家能够提供报表咨询服务。