[flutter] 플러터 intl을 사용해서 앱에서 날짜와 시간 형식을 어떻게 커스터마이징할 수 있나요?

04 Dec 2023

flutter

먼저, intl 패키지를 프로젝트에 추가해야 합니다. pubspec.yaml 파일에 아래와 같이 intl 패키지를 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.17.0

이제 intl 패키지를 사용하여 날짜와 시간 형식을 커스터마이징할 수 있습니다. 다음은 커스터마이징된 날짜와 시간 형식을 표시하는 간단한 예시 코드입니다.

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

class CustomDateTimeFormatPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    DateTime now = DateTime.now();
    
    String customDateFormat = DateFormat('yyyy/MM/dd').format(now);
    String customTimeFormat = DateFormat('HH:mm:ss').format(now);
    
    return Scaffold(
      appBar: AppBar(
        title: Text('Custom DateTime Format'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('Custom Date Format: $customDateFormat'),
            Text('Custom Time Format: $customTimeFormat'),
          ],
        ),
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: CustomDateTimeFormatPage(),
  ));
}

위 예시 코드에서 DateFormat 클래스를 사용하여 날짜와 시간 형식을 지정하였습니다. DateFormat의 파라미터로 원하는 형식을 문자열로 전달하면 해당 형식에 맞게 날짜와 시간이 포맷됩니다. 예시 코드에서는 yyyy/MM/dd 형식으로 날짜를 표시하고, HH:mm:ss 형식으로 시간을 표시하도록 설정했습니다.

반드시 import 'package:intl/intl.dart';을 통해 intl 패키지를 불러와야 사용할 수 있습니다.

여기까지 intl 패키지를 사용하여 앱에서 날짜와 시간 형식을 커스터마이징하는 방법을 알아보았습니다. 자세한 내용은 intl 패키지 공식 문서를 참고하시기 바랍니다.