Flutter辅助应用插件jit_flutter_app_helper的使用

Flutter辅助应用插件jit_flutter_app_helper的使用

Jit flutter app helper

一个可以在任何平台上用于格式化日期和时间的插件。

开始使用

要使用此插件，请在 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  jit_flutter_app_helper: ^版本号

然后运行 flutter pub get 来安装插件。

描述

该插件可以将日期和时间转换为多种格式。

方法

日期格式化

以下是一些常用的日期格式化方法：

// (e.g., 2023-09-09)
String formatYYYYMMDD(DateTime date);

// (e.g., 09-09-2023)
String formatDDMMYYYY(DateTime date);

// (e.g., 09-09-2023)
String formatMMDDYYYY(DateTime date);

// (e.g., 2023/09/09)
String formatYYYYMMDDWithSlashes(DateTime date);

// (e.g., 09/09/2023)
String formatDDMMYYYYWithSlashes(DateTime date);

// (e.g., 09/09/2023)
String formatMMDDYYYYWithSlashes(DateTime date);

// (e.g., 2023.09.09)
String formatYYYYMMDDWithDots(DateTime date);

// (e.g., 09.09.2023)
String formatDDMMYYYYWithDots(DateTime date);

// (e.g., 09.09.2023)
String formatMMDDYYYYWithDots(DateTime date);

// (e.g., 09 September 2023)
String formatDDMMMMYYYY(DateTime date);

// (e.g., September 09, 2023)
String formatMMMMDDYYYY(DateTime date);

// (e.g., 09 Sep 2023)
String formatDDMMMYYYY(DateTime date);

// (e.g., Sep 09, 2023)
String formatMMMDDYYYY(DateTime date);

// (e.g., 2023 September 09)
String formatYYYYMMMMDD(DateTime date);

// (e.g., 2023 Sep 09)
String formatYYYYMMMDD(DateTime date);

// (e.g., Saturday, 09 September 2023)
String formatDayDDMMMMYYYY(DateTime date);

// (e.g., Saturday, September 09, 2023)
String formatDayMMMMDDYYYY(DateTime date);

// (e.g., Saturday, 09-09-2023)
String formatDayDDMMYYYYWithDashes(DateTime date);

// (e.g., Saturday, 09/09/2023)
String formatDayMMDDYYYYWithSlashes(DateTime date);

// (e.g., 23/09/09)
String formatYYMMDD(DateTime date);

// (e.g., 09 Sep 23)
String formatDDMonthYY(DateTime date);

// (e.g., September 2023)
String formatMonthYYYY(DateTime date);

// Quarterly format, e.g., 2023-Q3
String formatYYYYQuarter(DateTime date);

// Week number format, e.g., W37 2023
String formatWeekNumberYYYY(DateTime date);

时间格式化

以下是一些常用的时间格式化方法：

// (e.g., 04:06:51 PM)
String fullTime12Hour(DateTime time);

// (e.g., 04:06:51 )
String fullTime24Hour(DateTime time);

// (e.g., 04:06 PM)
String time12Hour(DateTime time);

// (e.g., 04:06:51 )
String time24Hour(DateTime time);

示例代码

以下是一个完整的示例代码，展示如何使用 jit_flutter_app_helper 插件来格式化日期和时间：

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:jit_flutter_app_helper/jit_flutter_app_helper.dart'; // 导入插件

void main() {
  runApp(const MyApp()); // 启动应用
}

class MyApp extends StatefulWidget {
  const MyApp({super.key}); // 构造函数

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState(); // 初始化状态
}

class _MyAppState extends State<MyApp> {
  final _jitFlutterAppHelperPlugin = JitFlutterAppHelper(); // 创建插件实例
  String formattedDate = ''; // 存储格式化后的日期
  String formattedTime = ''; // 存储格式化后的12小时制时间
  String formattedTime24Hour = ''; // 存储格式化后的24小时制时间

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState(); // 初始化平台状态
  }

  // 异步初始化方法
  Future<void> initPlatformState() async {
    // 格式化日期
    String date = _jitFlutterAppHelperPlugin.formatDayMMDDYYYYWithSlashes("2094-03-04");

    // 格式化12小时制时间
    String time = _jitFlutterAppHelperPlugin.fullTime12Hour(TimeOfDay.now());

    // 格式化24小时制时间
    String time24Hour = _jitFlutterAppHelperPlugin.fullTime24Hour(TimeOfDay.now());

    // 更新UI
    if (!mounted) return;
    setState(() {
      formattedDate = date;
      formattedTime = time;
      formattedTime24Hour = time24Hour;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Jit Flutter App Helper 示例'), // 设置标题
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('格式化日期: $formattedDate', style: TextStyle(fontSize: 18)), // 显示格式化日期
              SizedBox(height: 20), // 添加间距
              Text('12小时制时间: $formattedTime', style: TextStyle(fontSize: 18)), // 显示12小时制时间
              SizedBox(height: 20), // 添加间距
              Text('24小时制时间: $formattedTime24Hour', style: TextStyle(fontSize: 18)), // 显示24小时制时间
            ],
          ),
        ),
      ),
    );
  }
}