前端报表设计的时候——如何进行时间格式设置

【前端报表设计的时候——如何进行时间格式设置】在进行ARJS报表设计的时候,经常会进行时间类型的设置。比如短时间、长时间、短日期、长日期等等
由于时间类型在json中的是以字符串的形式进行存储的,那么要在报表设计的时候要使用Format函数进行时间设置的时候,就需要先把字符串转换为时间类型,然后再进行时间格式的设置。
下面话不多说吗,直接上手演示
1、首先进行时间转换,把存在Json中的字符串类型的数据转换为时间类型
使用“DateTime.Parse()”进行时间类型的转换
DateTime.Parse(<格式字符串>[, ])
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、数据源数据集绑定好之后,给表格绑定对应字段
前端报表设计的时候——如何进行时间格式设置
文章图片

4、进行时间类型的转换
{DateTime.Parse(OrderDate, "YYYY/MM/DD HH:mm:ss")}

5、进行Format格式设置
前端报表设计的时候——如何进行时间格式设置
文章图片

6、预览结果
前端报表设计的时候——如何进行时间格式设置
文章图片

    推荐阅读