Flutter常用控件:日曆選擇器

日曆選擇器是開發當中經常用到的,在這裏記錄一下

// Android日曆選擇
  Future<DateTime> _showDatePicker1() {
    var date = DateTime.now();
    return showDatePicker(
      context: context,
      initialDate: date,
      firstDate: date,
      locale: Locale('zh'),
      lastDate: date.add(
        //未來30天可選
        Duration(days: 365),
      ),
    );
  }

  // IOS日曆選擇
  Future<DateTime> _showDatePicker2(bool isStartTime) {
    var date = DateTime.now();
    return showCupertinoModalPopup(
      context: context,
      builder: (ctx) {
        return SizedBox(
          height: 200,
          child: CupertinoDatePicker(
            mode: CupertinoDatePickerMode.date,
            minimumDate: date,
            maximumDate: date.add(
              Duration(days: 30),
            ),
            maximumYear: date.year + 1,
            onDateTimeChanged: (DateTime value) {
              if (isStartTime) {
                setState(() {
                  _startDate =
                      value.toString().substring(0, 10).split('-').join('/');
                });
              } else {
                setState(() {
                  _endDate =
                      value.toString().substring(0, 10).split('-').join('/');
                });
              }
            },
          ),
        );
      },
    );
  }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章