DatePicker 예제

 

 

import 'package:flutter/material.dart';

void main() => runApp(WidgetDemo());

class WidgetDemo extends StatefulWidget {
  @override
  _WidgetDemoState createState() => _WidgetDemoState();
}

class _WidgetDemoState extends State<WidgetDemo> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ShowDatePicker(),
    );
  }
}

class ShowDatePicker extends StatefulWidget {
  const ShowDatePicker({Key key}) : super(key: key);

  @override
  _ShowDatePickerState createState() => _ShowDatePickerState();
}

class _ShowDatePickerState extends State<ShowDatePicker> {
  DateTime _selectedDate;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('DatePicker Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              style: ElevatedButton.styleFrom(
                  textStyle: const TextStyle(fontSize: 20)),
              onPressed: () {
                Future<DateTime> selectedDate = showDatePicker(
                    context: context,
                    initialDate: DateTime.now(),
                    firstDate: DateTime(1900),
                    lastDate: DateTime(2999),
                    builder: (BuildContext ccontext, Widget child) {
                      return Theme(data: ThemeData.dark(), child: child);
                    });
                selectedDate.then((date) {
                  setState(() {
                    _selectedDate = date;
                  });
                });
              },
              child: const Text('Show DatePicker'),
            ),
            _selectedDate != null
                ? Text(
                    '${_selectedDate.year} - ${_selectedDate.month} - ${_selectedDate.day}')
                : Text('날짜를 선택해 주세요.'),
          ],
        ),
      ),
    );
  }
}