没有日期的颤振日期选择器

Question

我想知道是否有可能只有月份和年份的选择器，而对于当前的DatePicker，我没有找到此选项。

先感谢您。

Answer 1

将flutter_datetime_picker与自定义模型一起使用，该模型禁用最后一列

class CustomMonthPicker extends DatePickerModel {
  CustomMonthPicker({DateTime currentTime, DateTime minTime, DateTime maxTime,
    LocaleType locale}) : super(locale: locale, minTime: minTime, maxTime:
  maxTime, currentTime: currentTime);

  @override
  List<int> layoutProportions() {
    return [1, 1, 0];
  }
}

并显示带有自定义模型的选择器

DatePicker.showPicker(context,
  ...
  pickerModel: CustomMonthPicker(
    minTime: DateTime(2020, 1, 1),
    maxTime: DateTime.now(),
    currentTime: DateTime.now()
  )
  ...
)

Answer 2

您可以使用该YearPicker小部件仅显示年度日历。一个典型的例子是：

TextFormField(
  validator: value.isEmpty ? 'this field is required' : null,
  readOnly: true,
  style: TextStyle(fontSize: 13.0),
  decoration: InputDecoration(
    hintStyle: TextStyle(fontSize: 13.0),
    hintText: 'Pick Year',
    contentPadding: EdgeInsets.symmetric(horizontal: 10.0),
    border: OutlineInputBorder(),
    suffixIcon: Icon(Icons.calendar_today),
  ),
  onTap: () => handleReadOnlyInputClick(context),
)

void handleReadOnlyInputClick(context) {
  showBottomSheet(
      context: context,
      builder: (BuildContext context) => Container(
        width: MediaQuery.of(context).size.width,
        child: YearPicker(
          selectedDate: DateTime(1997),
          firstDate: DateTime(1995),
          lastDate: DateTime.now(),
          onChanged: (val) {
            print(val);
            Navigator.pop(context);
          },
        ),
    )
  );
}

注意：您不必使用 a bottomSheet，您可以将其嵌套在小部件有效的任何位置。

Answer 3

选股员不允许只包含月份和年份。

您可以使用Dimitri Krivoj在发布页中提供的month_picker_dialog软件包。