• Cupertino风格的日期选择器CupertinoDatePicker


    CupertinoDatePicker(
      mode: CupertinoDatePickerMode.date, //日期时间模式,此处为日期模式
      onDateTimeChanged: (dateTime) { //日期改变时调用的方法
        if (dateTime == null) {
          return;
        }
        print('当前选择了:${dateTime.year}年${dateTime.month}月${dateTime.day}日');
      },
      initialDateTime: DateTime.now(), //初始化展示时的日期时间
      minimumYear: 2018, //最小年份,只有mode为date时有效
      maximumYear: 2019, //最大年份,只有mode为date时有效
    ),
     
    CupertinoDatePicker(
      mode: CupertinoDatePickerMode.dateAndTime, //日期时间模式,此处为日期和时间模式
      onDateTimeChanged: (dateTime) {
        if (dateTime == null) {
          return;
        }
        print('当前选择了:${dateTime.year}年${dateTime.month}月${dateTime.day}日 ${dateTime.hour}时${dateTime.minute}分${dateTime.second}秒');
      },
      initialDateTime: DateTime.now(),
      minimumDate: DateTime.parse("20181109"), //最小日期时间,只有mode为dateAndTime时有效
      maximumDate: DateTime.parse("20190109"), //最大日期时间,只有mode为dateAndTime时有效
      use24hFormat: false, // 是否使用24小时格式,此处不使用,则选择时可以选择AM和PM值
    ),
     
    CupertinoDatePicker(
      mode: CupertinoDatePickerMode.time, //日期时间模式,此处为时间模式
      onDateTimeChanged: (dateTime) {
        if (dateTime == null) {
          return;
        }
        print('当前选择了:${dateTime.hour}时${dateTime.minute}分${dateTime.second}秒');
      },
      initialDateTime: DateTime.now(),
      use24hFormat: true, // 是否使用24小时格式,此处使用
    ),
  • 相关阅读:
    Winform 时间
    button的后台点击事件
    Winform文本框只能输入限定的文本
    vue的生命周期函数
    ES6新增语法
    购物车案例(JavaScript动态效果)
    前端es6总结
    jQuery与vue的区别是什么?
    vue实现双向绑定原理
    JS实现简单分页功能
  • 原文地址:https://www.cnblogs.com/timba1322/p/12486984.html
Copyright © 2020-2023  润新知