feat: PickerDate

Author: DIVINER-only

docs/widget/form/daypicker/index.md

@@ -1 +1,35 @@
-## **文档完善中**
+## **DatePicker**
+
+>
+显示给定月份的日期并允许选择一天
+* 日期选择器很少直接使用,请考虑使用 showDatePicker 或者 showTimePicker，它会创建一个日期/时间选择器对话框
+
+### showDatePicker构造方法
+``` dart
+showDatePicker({
+  @required BuildContext context,
+  @required DateTime initialDate,
+  @required DateTime firstDate,
+  @required DateTime lastDate,
+  SelectableDayPredicate selectableDayPredicate,
+  DatePickerMode initialDatePickerMode = DatePickerMode.day,
+  Locale locale,
+  TextDirection textDirection,
+  TransitionBuilder builder,
+})
+```
+
+### showTimePicker构造方法
+``` dart
+showTimePicker({
+  @required BuildContext context,
+  @required TimeOfDay initialTime,
+  TransitionBuilder builder,
+})
+```
+
+### 属性介绍
+* context: 上下文
+* initialDate: 初始时间
+* firstDate: 设置选择的最早时间
+* lastDate: 设置选择的最晚时间

lib/widget/form/daypicker/demo.dart

@@ -1,24 +1,74 @@
 import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'dart:async';
 
 class Index extends StatefulWidget {
   @override
   State<StatefulWidget> createState() => _IndexState();
 }
 
 class _IndexState extends State<Index> {
+
+  DateTime selectedDate = DateTime.now();
+  TimeOfDay selectedTime = TimeOfDay.now();
+
   @override
   void initState() {
     super.initState();
   }
 
+  Future<void> _selectDate() async{
+    final DateTime date = await showDatePicker(
+      context: context,
+      initialDate: selectedDate,
+      firstDate: DateTime(1900),
+      lastDate: DateTime(2100),
+    );
+    if (date == null) {
+      return;
+    }
+    setState(() {
+      selectedDate = date;
+    });
+  }
+
+  Future<void> _selectTime() async {
+    final TimeOfDay time = await showTimePicker(
+      context: context,
+      initialTime: selectedTime,
+    );
+    if(time ==null) {
+      return;
+    }
+    setState(() {
+      selectedTime = time;
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         title: Text('DayPicker'),
       ),
-      body: Center(
-        child: Text('更新中'),
+      body: Container(
+        width: double.infinity,
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: <Widget>[
+            Text('日期选择'),
+            RaisedButton(
+              onPressed: _selectDate,
+              child: Text('${DateFormat.yMd().format(selectedDate)}'),
+            ),
+            Text('时间选择'),
+            RaisedButton(
+              onPressed: _selectTime,
+              child: Text('${selectedTime.format(context)}'),
+            )
+          ],
+        ),
       ),
     );
   }

lib/widget/form/daypicker/index.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:efox_flutter/components/widgetComp.dart' as WidgetComp;
-// import 'demo.dart' as Demo;
+import 'demo.dart' as Demo;
 
 class Index extends StatefulWidget {
   static String title = 'DayPicker';
@@ -19,7 +19,7 @@ class _IndexState extends State<Index> {
       originCodeUrl: Index.originCodeUrl,
       mdUrl: Index.mdUrl,
       demoChild: [
-        // Demo.Index(),
+        Demo.Index(),
       ],
     );
   }

readme.md

@@ -78,9 +78,9 @@ Flutter UI
           ├─form
           │  ├─checkbox 【✔️ v1.0】
           │  ├─checkboxlisttile 【✔️ v1.0】
-          │  ├─daypicker  【✔️ v1.0】
           │  ├─switch   【✔️ v1.0】
           │  ├─switchListTile   【✔️ v1.0】
+          │  ├─daypicker  【✔️ v1.0】
           │  ├─form
           │  ├─formfield
           │  ├─radio