날짜 타입 필드
DataProvider로 로드하거나, 편집기를 통해 Datetime 필드의 값을 입력할 때 또는, 렌더러가 Datetime 필드 값을 표시할 때는 적절한 변환 형식을 설정하고 설정된 형식으로 데이터를 표시합니다.
날짜 데이터
아래는 예제에 사용된 각 컬럼별 datetimeFormat에 해당 하는 데이터 형태입니다.
var data = [
[
"20141114",
"20141114PM051215008",
"20141114171215008",
"2014/11/14 17:12",
"2014-11-14T17:12:15+09:00"
],
[
"20141115",
"20140304AM040805556",
"20140304040805556",
"2014/03/04 04:08",
"2014-03-04T04:08:05+09:00"
],
[
"20010215",
"20010215PM124236721",
"20010215124236721",
"2001/02/15 12:42",
"2001-02-15T12:42:36+09:00"
],
[
"20111025",
"20111025AM103637426",
"20111025103637426",
"2011/10/25 10:36",
"2011-10-25T10:36:37+09:00"
],
[
"20070626",
"20070626PM030456962",
"20070626150456962",
"2007/06/26 15:04",
"2007-06-26T15:04:56+09:00"
],
[
"20040807",
"20040807AM013302430",
"20040807013302430",
"2004/08/07 01:33",
"2004-08-07T01:33:02+09:00"
],
[
"20050530",
"20050530AM105829932",
"20050530105829932",
"2005/05/30 10:58",
"2005-05-30T10:58:29+09:00"
],
[
"20071030",
"20071030AM083042626",
"20071030083042626",
"2007/10/30 08:30",
"2007-10-30T08:30:42+09:00"
],
[
"20030629",
"20030629PM063304071",
"20030629183304071",
"2003/06/29 18:33",
"2003-06-29T18:33:04+09:00"
],
[
"20130807",
"20130807PM082825025",
"20130807202825025",
"2013/08/07 20:28",
"2013-08-07T20:28:25+09:00"
]
];
dataProvider.setRows(data);datetimeFormat 설정
fillJsonData()를 통해 Datetime 형의 값이 문자열로 전달되거나, setRows() 함수 등으로 javascript에서 문자열로 Date 필드의 값을 전달할 때, 그 문자열은 아래와 같이 리얼그리드가 Datetime 형의 값으로 인식할 수 있는 형태를 설정해야 합니다.
dataProvider.setFields([{
fieldName: "Datetime1",
dataType: "datetime",
datetimeFormat: "yyyyMMdd"
}, {
...
}]);사용자의 입력을 Datetime 값으로 변환하고, Datetime 값을 에디터에 표시하기 위한 형식을 editor의 datetimeFormat속성을 아래와 같은 형식으로 지정합니다.
gridView.setColumns([{
name: "Datetime1",
fieldName: "Datetime1",
width: "110",
header: "YYYYMMDD",
editor: {
datetimeFormat: "yyyy-MM-dd"
}
...
}]);Datetime 필드의 값을 표시하는 셀 렌더러는 datetimeFormat을 사용합니다.
gridView.setColumns([{
name: "Datetime1",
fieldName: "Datetime1",
width: "110",
header: "YYYYMMDD",
datetimeFormat: "yyyy/MM/dd"
...
}]);