Membuat Aplikasi dengan Date Format di Flutter: Tips dan Trik!

Mengelola format tanggal dalam aplikasi Flutter adalah salah satu aspek penting yang harus diperhatikan, terutama jika aplikasi kamu melibatkan jadwal, kalender, atau data waktu lainnya. Flutter menyediakan berbagai cara untuk menangani format tanggal, mulai dari menggunakan DateTime bawaan hingga pustaka eksternal seperti intl. Berikut adalah tips dan trik untuk mengelola date format dengan efisien di Flutter!

1. Menggunakan DateTime di Flutter

Flutter memiliki kelas DateTime bawaan yang dapat digunakan untuk mendapatkan dan memformat tanggal dengan mudah.

void main() {
  DateTime now = DateTime.now();
  print("Tanggal saat ini: \$now");
}

Kode di atas akan mencetak tanggal dan waktu saat ini dalam format bawaan Dart.

2. Menggunakan intl Package untuk Format Tanggal

Pustaka intl adalah cara terbaik untuk memformat tanggal dengan berbagai opsi.

Instalasi intl Package

Tambahkan intl ke dalam pubspec.yaml:

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.18.0

Kemudian, jalankan perintah berikut:

flutter pub get

Contoh Penggunaan intl untuk Format Tanggal

import 'package:intl/intl.dart';

void main() {
  DateTime now = DateTime.now();
  String formattedDate = DateFormat('dd-MM-yyyy').format(now);
  print("Tanggal yang diformat: \$formattedDate");
}

Kode di atas akan menghasilkan output dalam format dd-MM-yyyy, misalnya 25-02-2025.

3. Menampilkan Date Picker di Flutter

Untuk memungkinkan pengguna memilih tanggal, kita bisa menggunakan showDatePicker bawaan dari Flutter.

Future<void> _selectDate(BuildContext context) async {
  DateTime? picked = await showDatePicker(
    context: context,
    initialDate: DateTime.now(),
    firstDate: DateTime(2000),
    lastDate: DateTime(2100),
  );

  if (picked != null) {
    print("Tanggal yang dipilih: \${DateFormat('dd-MM-yyyy').format(picked)}");
  }
}

Fungsi ini akan menampilkan pemilih tanggal dan mengembalikan tanggal yang dipilih pengguna dalam format tertentu.

4. Konversi String ke DateTime

Jika kamu memiliki tanggal dalam bentuk string dan ingin mengubahnya menjadi objek DateTime, gunakan kode berikut:

String dateString = "2025-02-25";
DateTime parsedDate = DateTime.parse(dateString);
print("Parsed Date: \$parsedDate");

Pastikan format string sesuai dengan format yang bisa dikenali oleh DateTime.parse().

5. Membuat Tanggal dalam Format Lokal

Untuk mengatur format tanggal sesuai dengan lokal tertentu, gunakan intl:

String localizedDate = DateFormat.yMMMMEEEEd('id_ID').format(DateTime.now());
print("Tanggal dalam format lokal: \$localizedDate");

Contoh di atas akan menampilkan tanggal dalam bahasa Indonesia, seperti: Selasa, 25 Februari 2025.

Kesimpulan

Mengelola format tanggal di Flutter dapat dilakukan dengan berbagai cara, baik menggunakan fitur bawaan DateTime maupun pustaka intl untuk format yang lebih fleksibel. Dengan memahami berbagai teknik ini, kamu bisa memastikan aplikasi memiliki tampilan tanggal yang lebih profesional dan sesuai dengan kebutuhan pengguna.

Selamat coding! 🚀