前端报表设计的时候——如何进行时间格式设置
【前端报表设计的时候——如何进行时间格式设置】在进行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、预览结果
文章图片
推荐阅读
- PMSJ寻平面设计师之现代(Hyundai)
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 爱琐搭配(喜欢复古、冷淡,像这种双环设计的气质耳环)
- 别墅庭院设计,不同的别墅庭院设计也给人视觉上完全不一样的!
- Jsr303做前端数据校验
- 数据库设计与优化
- 设计模式-代理模式-Proxy
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 前端代码|前端代码 返回顶部 backToTop
- [译文]Domain|[译文]Domain Driven Design Reference(四)—— 柔性设计