[javascript] SlickGrid의 날짜 포맷 지정

01 Dec 2023

javascript

SlickGrid은 강력한 JavaScript 라이브러리로, 테이블 형태의 데이터를 표시하고 조작할 수 있습니다. 날짜 형식을 사용해 데이터를 표시하는 경우, SlickGrid에서는 이를 쉽게 지정할 수 있습니다.

날짜 포맷 설정하기

SlickGrid에서 날짜를 표시하고자 할 때는 Slick.Formatters 객체의 Date 형식을 사용합니다. 이를 활용하여 원하는 날짜 형식을 지정할 수 있습니다.

var columns = [
  {
    id: "date",
    name: "날짜",
    field: "date",
    formatter: Slick.Formatters.DateFormatter,
    formatOptions: {
      dateFormat: "yyyy년 MM월 dd일"
    }
  },
  // 다른 열들...
];

var options = {
  // 옵션들...
};

var dataView = new Slick.Data.DataView();
var grid = new Slick.Grid("#myGrid", dataView, columns, options);

위의 예시 코드에서 formatOptions 객체에 dateFormat를 지정하여 날짜의 형식을 설정했습니다. 여기서 yyyy는 년, MM은 월, dd는 일을 나타냅니다.

다양한 날짜 형식

SlickGrid은 다양한 날짜 형식을 지원합니다. 주로 사용하는 형식은 다음과 같습니다:

yyyy: 년도를 4자리로 표시 (예: 2021)
MM: 월을 2자리로 표시 (예: 01, 12)
dd: 일을 2자리로 표시 (예: 01, 31)
HH: 24시간 형식으로 시간을 표시 (예: 00, 23)
mm: 분을 2자리로 표시 (예: 00, 59)
ss: 초를 2자리로 표시 (예: 00, 59)

위의 형식을 조합하여 원하는 날짜 형식을 만들 수 있습니다. 예를 들어 "yyyy년 MM월 dd일 HH:mm:ss"는 “2021년 05월 20일 15:30:45”와 같은 형식으로 날짜를 표시합니다.

날짜 포맷 설정하기

다양한 날짜 형식

참고 자료