如何在Flutter中使用DateTimePicker包将用户选择的日期时间转换为Unix时间戳并发送至服务器？

你遇到的核心问题是DateTimePicker的回调返回的是格式化后的字符串，而非DateTime对象，所以直接拿这个字符串没法直接转成时间戳。下面是具体的解决步骤和修改后的代码：

问题分析 #

你的代码里，onChanged打印的val是符合dateMask格式的日期字符串（比如2022-02-07 12:10），但要获取Unix时间戳，必须先把这个字符串解析回DateTime对象，再调用时间戳相关的方法。另外，你的initialValue设置也有问题：直接传入时间戳字符串是不对的，DateTimePicker的initialValue需要是符合dateMask格式的日期字符串，否则组件无法正确识别显示。

解决方案 #

我们需要借助intl包的DateFormat来完成字符串和DateTime的双向转换，步骤如下：

1. 添加依赖：确保你的pubspec.yaml里包含intl包（用来处理日期格式化和解析）：

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.18.1 # 可替换为最新版本

2. 修改代码：

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'package:flutter_datetime_picker/flutter_datetime_picker.dart'; // 假设你使用的是这款第三方DateTimePicker组件

class DateTimePickerDemo extends StatefulWidget {
  const DateTimePickerDemo({super.key});

  @override
  State<DateTimePickerDemo> createState() => _DateTimePickerDemoState();
}

class _DateTimePickerDemoState extends State<DateTimePickerDemo> {
  late String _initialDateStr;

  @override
  void initState() {
    super.initState();
    // 初始化：把当前UTC时间格式化为符合dateMask的字符串
    final nowUtc = DateTime.now().toUtc();
    _initialDateStr = DateFormat('EEE, d MMM yyyy HH:mm:ss').format(nowUtc);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: DateTimePicker(
          type: DateTimePickerType.dateTimeSeparate,
          dateMask: 'EEE, d MMM yyyy HH:mm:ss',
          initialValue: _initialDateStr,
          firstDate: DateTime(2000),
          lastDate: DateTime(2100),
          icon: const Icon(Icons.event),
          dateLabelText: 'Date',
          timeLabelText: "Hour",
          onChanged: (val) {
            // 将字符串解析为UTC DateTime对象
            try {
              DateTime selectedDate = DateFormat('EEE, d MMM yyyy HH:mm:ss').parseUtc(val);
              // 获取毫秒级Unix时间戳（需要秒级的话，用selectedDate.millisecondsSinceEpoch ~/ 1000）
              int unixTimestamp = selectedDate.millisecondsSinceEpoch;
              print('Unix Timestamp: $unixTimestamp');
              // 在这里将unixTimestamp发送至服务器即可
            } catch (e) {
              print('日期解析失败：$e');
            }
          },
          validator: (val) {
            print(val);
            return null;
          },
          onSaved: (val) {
            if (val != null) {
              DateTime selectedDate = DateFormat('EEE, d MMM yyyy HH:mm:ss').parseUtc(val);
              int unixTimestamp = selectedDate.millisecondsSinceEpoch;
              print('保存的Unix Timestamp: $unixTimestamp');
            }
          },
        ),
      ),
    );
  }
}

关键说明 #

• 时区一致性：用parseUtc()解析字符串，确保和初始化时的toUtc()保持时区一致，避免时区偏差导致时间戳错误。
• 时间戳精度：millisecondsSinceEpoch返回毫秒级时间戳，若服务器需要秒级，只需做selectedDate.millisecondsSinceEpoch ~/ 1000转换。
• 错误处理：添加try-catch防止格式异常导致崩溃，提升代码健壮性。

这样修改后，用户选择日期时间后就能自动得到对应的Unix时间戳，直接发送给服务器即可。

内容的提问来源于stack exchange，提问作者user16357470