首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Flutter中保存从DateTimeField中选择的日期时间

在Flutter中保存从DateTimeField中选择的日期时间,可以通过以下步骤实现:

  1. 导入所需的库:
代码语言:txt
复制
import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
  1. 创建一个变量来存储选择的日期时间:
代码语言:txt
复制
DateTime selectedDateTime;
  1. 在Flutter界面中添加DateTimeField小部件:
代码语言:txt
复制
DateTimeField(
  format: DateFormat('yyyy-MM-dd HH:mm'), // 设置日期时间格式
  onShowPicker: (context, currentValue) async {
    final date = await showDatePicker(
      context: context,
      initialDate: currentValue ?? DateTime.now(),
      firstDate: DateTime(2000),
      lastDate: DateTime(2100),
    );
    if (date != null) {
      final time = await showTimePicker(
        context: context,
        initialTime: TimeOfDay.fromDateTime(currentValue ?? DateTime.now()),
      );
      selectedDateTime = DateTimeField.combine(date, time);
      return selectedDateTime;
    } else {
      return currentValue;
    }
  },
),
  1. 在需要保存日期时间的地方使用selectedDateTime变量:
代码语言:txt
复制
FlatButton(
  onPressed: () {
    if (selectedDateTime != null) {
      // 在这里使用selectedDateTime变量
      print(selectedDateTime);
    } else {
      // 未选择日期时间的处理逻辑
    }
  },
  child: Text('保存'),
),

以上代码中,我们使用了DateTimeField小部件来创建一个日期时间选择器。通过设置format属性,我们可以指定日期时间的显示格式。在onShowPicker回调函数中,我们首先显示一个日期选择器,然后根据用户选择的日期,再显示一个时间选择器。最后,我们将日期和时间组合成一个DateTime对象,并将其赋值给selectedDateTime变量。

在保存按钮的点击事件中,我们可以使用selectedDateTime变量来处理选择的日期时间。如果用户未选择日期时间,则selectedDateTime将为null,可以根据需要进行处理。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Django 如何使用日期时间选择器规范用户时间输入示例代码详解

如果你模型中含有 datetime 类型字段,表单需要用户输入日期时间,那么你如何保证不同用户输入时间都遵循一定格式 (DD/MM/YYYY 或者 YYYY-MM-DD) 是个必须要考虑问题...一个更好方式是在前端使用日期时间选择器 DateTimePicker,以日历形式统一选择输入时间,如下图所示。...小编今天将尝试以最少代码教你实现如何在 Django 项目中实现日期时间选择器 DateTimePicker。 ?...,美观日期时间选择器就出现了,如下图所示: ?...总结 到此这篇关于Django 如何使用日期时间选择器规范用户时间输入文章就介绍到这了,更多相关 Django 如何使用日期时间选择器规范用户时间输入内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持

6.1K20
  • django:DateTimeField如何自动设置为当前时间并且能被修改 ——django日期时间字段使用

    创建djangomodel时,有DateTimeField、DateField和TimeField三种类型可以用来创建日期字段,其值分别对应着datetime()、date()、time()三对象。...DateTimeField.auto_now 这个参数默认值为false,设置为true时,能够在保存该字段时,将其值设置为当前时间,并且每次修改model,都会自动更新。...admin日期时间字段 auto_now和auto_now_add被设置为True后,这样做会导致字段成为editable=False和blank=True状态。...此时,如果在adminfields或fieldset强行加入该日期时间字段,那么程序会报错,admin无法打开;如果在admin修改对象时,想要看到日期时间,可以将日期时间字段添加到admin类...('保存日期',default = timezone.now) mod_date = models.DateTimeField('最后修改日期', auto_now = True) 参考 http

    7.2K80

    python测试开发django-77.ORM如何添加 DateTimeField 不显示毫秒

    前言 使用 django orm 建模型时候,添加 DateTimeField 字段,发现存到数据库日期时间格式是’2020-06-28 21:30:48.481516’ 我们一般习惯格式是’...我查看了源代码,下面是用小数秒设置日期时间原因,找到源码位置django/db/backends/mysql/base.py class DatabaseWrapper(BaseDatabaseWrapper...MySQL 大于等于 5.6.4 版本,属性DateTimeField会被映射成为数据库datetime(6),所以保存数据就包含了微秒。..._data_types 将上面的代码放置在合适地方,比如models.py或者init.py或者其他地方,当我们运行 migrations 命令来创建 DateTimeField时候对应在数据库字段就被隐射成为了...你想立即解决这个问题,数据库日期时间字段 datetime(6) 强制修改成 datetime()即可 ALTER TABLE `yoyo_card` CHANGE COLUMN `add_time`

    1.5K20

    Python Django框架笔记(五):模型

    在这个模式, Model 代表数据存取层,View 代表是系统中选择显示什么和怎么显示部分,Controller 指的是系统根据用户输入并视需要访问模型,以决定使用哪个视图那部分。...V,选择显示哪些数据要显示以及怎样显示部分,由视图和模板处理。 C,根据用户输入委派视图部分,由 Django 框架根据 URLconf 设置,对给定 URL 调用适当 Python 函数。...该层处理与表现相关决定: 如何在页面或其他类型文档中进行显示。 V代表视图(View),即业务逻辑层。 该层包含存取模型及调取恰当模板相关逻辑。 你可以把它看作模型与模板之间桥梁。...很不幸,这是对 MVC 不同诠释所引起错误认识。 在 Django 对 MVC 诠释,视图用来描述要展现给用户数据;不是数据 如何展现 ,而且展现 哪些 数据。...感觉用这个就挺方便,所以主键就不用球队编号了,球队编号要唯一的话,做个校验不让用户提交就行了) 球队:球队ID、球队编号,名称,成立时间,人数,主场地址   球员:姓名、身份证号、出生日期、身高、家庭住址

    2K60

    基于Flutter手把手教你实现一个日期选择(日历形式)

    今天主题是,在flutter里面实现一个日期选择自定义控件,或者说自定义组件,考虑到这个日期自定义组件通用性,我们将会采用插件开发开始来做,这样就可以发布到 pub.dev 上,供广大flutter...所以,读完本文,你讲学会两个大知识点:如何在flutter上做一个自定义组件如何开发插件并发布到 pub.dev因为是操作实战,所以,我会给出完整实现过程来,首先,我们确定是需要创建一个自定义组件...Flutter,创建自定义组件(也称为自定义widget)主要有三种方式:通过组合其他组件,自绘和实现RenderObject。...通过组合其他组件:这是创建自定义组件最基本和最常见方式。Flutter框架提供了大量内置组件,文本、图像、按钮等。你可以通过组合这些内置组件来创建自己自定义组件。...,可能和主流日期选择有些差别。

    2.2K50

    Flutter 可定制时间规划器

    构建引人入胜 UI 从未如此快速。无论您是业余爱好者还是有教养开发人员,都不难对 Flutter 产生无可救药迷恋。所有软件开发人员都明白日期是最棘手事情。同样,时间表也不是特例。...在移动应用程序,在很多情况下,用户需要输入出生日期、订票、安排会议等日期。 在在这个博客,我们将**探索 Flutter 可定制时间规划器。...每行显示一个小时,每列显示一天,但您可以更改该部分标题并显示您需要任何其他内容。 此演示视频展示了如何在 Flutter 创建可自定义时间规划器。...它展示了可定制时间规划器将如何在Flutter」 应用程序中使用「time_planner」包工作。它显示当用户点击任何行和列时,将创建一个随机时间规划器。...属性 时间规划器一些属性是: 「startHour」用来计时从这个开始,它会1开始。 「endHour」用来计时结束在这个时间,最大值为24。

    1.7K20

    13. Django 2.1.7 模型类 - 字段类型

    参数auto_now表示每次保存对象时,自动设置该字段为当前时间,用于"最后一次修改"时间戳,它总是使用当前日期,默认为false。...参数auto_now_add表示当对象第一次被创建时自动设置当前时间,用于创建时间戳,它总是使用当前日期,默认为false。...参数auto_now_add和auto_now是相互排斥,组合将会发生错误。 TimeField:时间,参数同DateField。 DateTimeField日期时间,参数同DateField。...(auto_now=True) # 数据更新时间 is_delete = models.BooleanField(default=False) # 逻辑删除 添加了模型字段类型之后,执行数据迁移进行变更...set (0.00 sec) mysql> select * from assetinfo_scriptinfo; Empty set (0.00 sec) mysql> 可以看到已有数据在迁移过程我选择了输入当前时间

    1.2K10

    Node.js v17 来了,看看都有哪些新功能?

    错误堆栈增加 Node.js 版本 堆栈跟踪是诊断应用程序错误信息重要组成部分,在 Node.js v17 版本,如果因为一些致命错误导致进程退出,在错误堆栈尾部将包含 Node.js 版本信息...:calendar、dateTimeField,分别返回不同日历类型和日期时间字段显示名称。...Intl.DisplayNames(['en'], { type: 'calendar' }); console.log(enCalendarNames.of('roc')); // Minguo Calendar 日期时间字段国际化名称展示...(['THA'], { type: 'dateTimeField' })) // ปี เดือน วัน Intl.DateTimeFormat API 在 v8 9.5 版本为 timeZoneName...对 Node.js 版本信息不了、不知道如何安装 Node.js 参考文章 “Node.js 版本知多少?又该如何选择?”。

    1.7K30

    Flutter 实战】1.20版本更新及新增组件

    老孟导读:Flutter 1.20 更新了 Slider、RangeSlider、日期选择器组件、时间选择器组件样式,新增了交换组件:InteractiveViewer,下面详细介绍其用法。...如何在 Flutter 1.20 版本使用以前标签样式呢?...标题 选中日期 切换到输入模式 年选择菜单 月份分页 当前时间 选中日期 输入模式 结构图: ?...获取选中日期 showDatePicker 方法是 Future 方法,点击日期选择控件的确定按钮后,返回选择日期。...标题 选定日期范围 切换到输入模式 月和年标签 当前时间 开始时间 选中时间范围 结束时间 国际化 国际化都是一个套路,下面以 showDatePicker 为例: 在 pubspec.yaml 引入

    5.1K10

    Django 2.1.7 模型类 - 字段类型

    参数auto_now表示每次保存对象时,自动设置该字段为当前时间,用于"最后一次修改"时间戳,它总是使用当前日期,默认为false。...参数auto_now_add表示当对象第一次被创建时自动设置当前时间,用于创建时间戳,它总是使用当前日期,默认为false。...参数auto_now_add和auto_now是相互排斥,组合将会发生错误。 TimeField:时间,参数同DateField。 DateTimeField日期时间,参数同DateField。...(auto_now=True) # 数据更新时间 is_delete = models.BooleanField(default=False) # 逻辑删除 添加了模型字段类型之后,执行数据迁移进行变更...set (0.00 sec) mysql> select * from assetinfo_scriptinfo; Empty set (0.00 sec) mysql> 可以看到已有数据在迁移过程我选择了输入当前时间

    1.7K30

    Node.js v17 来了,看看都有哪些新功能?

    错误堆栈增加 Node.js 版本 堆栈跟踪是诊断应用程序错误信息重要组成部分,在 Node.js v17 版本,如果因为一些致命错误导致进程退出,在错误堆栈尾部将包含 Node.js 版本信息...:calendar、dateTimeField,分别返回不同日历类型和日期时间字段显示名称。...Intl.DisplayNames(['en'], { type: 'calendar' }); console.log(enCalendarNames.of('roc')); // Minguo Calendar 日期时间字段国际化名称展示...(['THA'], { type: 'dateTimeField' })) // ปี เดือน วัน Intl.DateTimeFormat API 在 v8 9.5 版本为 timeZoneName...对 Node.js 版本信息不了、不知道如何安装 Node.js 参考文章 “Node.js 版本知多少?又该如何选择?”。

    1.4K20

    何在 Django 创建抽象模型类?

    我们将学习如何在 Django 创建抽象模型类。 Django 抽象模型类是一个模型,它用作其他模型继承模板,而不是一个旨在创建或保存到数据库模型。...在 Django 抽象模型继承遵循与传统模型相同准则。超类声明所有字段和方法都由子类继承,子类可以根据需要替换或添加它们。开发抽象模型派生新模型时,不应将抽象属性设置为 True。...通过构建抽象模型类,可以指定在应用程序各种模型之间共享标准字段和行为。增加代码重用并避免重复可以帮助您编写更易于维护代码。...默认情况下,如果未提及任何内容,则将使用当前时间填充这些字段值。我们创建了另一个名为“ArticleModel”模型,该模型在参数获取抽象模型并使用这些字段。它包含两个字段,“名称”和“作者”。...抽象模型名称是“AbstractUserModel”,它存储用户姓名和出生日期。我们两个模型是“学生模型”和“员工模型”。

    21130

    django模型动态修改参数,增加 filter 字段方式

    CharField:字符类型,必须提供max_length参数, max_length表示字符长度 DateField:日期字段,日期格式 YYYY-MM-DD,相当于Pythondatetime.date...DateTimeField日期时间字段,格式 YYYY-MM-DD HH:MM[:ss[.uuuuuu]][TZ],相当于Pythondatetime.datetime()实例。...width_field=None, 上传图片高度保存数据库字段名(字符串) height_field=None 上传图片宽度保存数据库字段名(字符串) DateTimeField(DateField...) - 日期+时间格式 YYYY-MM-DD HH:MM[:ss[.uuuuuu]][TZ] DateField(DateTimeCheckMixin, Field) - 日期格式 YYYY-MM-DD...db_column:设置该属性在数据库表中所对应字段名 DatetimeField、DateField、TimeField这个三个时间字段,都可以设置如下属性。

    3.8K31

    python测试开发django-20.添加创建时间DateTimeField

    、DateField和TimeField三种类型可以用来创建日期字段,其值分别对应着datetime()、date()、time()三对象。...该属性通常被用在存储“创建时间场景下。与auto_now类似,auto_now_add也具有强制性,一旦被设置为True,就无法在程序手动为字段赋值,在admin字段也会成为只读。...auto_now_add 默认值为fals 这个参数默认值为false,设置为true时,能够在保存该字段时,将其值设置为当前时间,并且每次修改model,都会自动更新。...需要注意是,设置该参数为true时,并不简单地意味着字段默认值为当前时间,而是指字段会被“强制”更新到当前时间,你无法程序手动为字段赋值; 如果使用django自带admin管理器,那么该字段在...编辑标题、正文、作者之后保存 ? 列表页面显示结果如下,如果重新编辑的话,最后更新时间也会更新 ?

    1.2K20

    Django与时区相关安全问题

    “两种时间”说起 我们都知道,在Python中表示“时间对象是datetime.datetime。...这样做有一些弊端: 数据库中保存是naive datetime,导致在跨区域迁移数据时候,可能无法准确定位到某个时间点 国际化企业可能面向不同国家有不同网站,但后台数据库相同,此时究竟使用哪个时区保存和展示时间...时间校验和比较 在一些业务场景下,我们可能会涉及到时间校验和比较,: 付费服务、商品、用户有效期检查 活动开始与结束时间检查 订单、商品收货、取消时间检查 我们就以付费用户为例:用户购买了30...通常情况下我们有两种常见判断方法。一是,用户访问时,直接model取出这个对象,然后和now()进行比较: ?...但是,如果我们使用到了和日期时间有关lookups,将产生相反结果。 怎么理解这个问题呢,我们还是来举个例子。

    2.2K20

    Django 3.1 官网学习路线

    migrate 命令只会在 INSTALLED_APPS 运行应用程序迁移。 创建模型 在我们投票应用程序,我们将创建两个模型: 问题和选择。问题有问题和发布日期。...每个模型都有许多类变量,每个类变量表示模型一个数据库字段 每个字段都由 Field 类实例表示-例如,CharField 用于字符字段,DateTimeField 用于日期时间。...#在默认设置文件启用了对时区支持,因此 # Django期望为pub_date使用tzinfo日期时间。...不同模型字段类型(DateTimeField、CharField)对应于适当 HTML 输入小部件。每种类型字段都知道如何在 Django 管理显示自己。...每个 DateTimeField 都有免费 JavaScript 快捷键。日期有一个“今天”快捷方式和日历弹出,时间有一个“现在”快捷方式和一个方便弹出,列出了通常输入时间

    8.2K10
    领券