概览
因为小组件扩展不会一直运行，所以你无法直接更新小组件的内容。WidgetKit 会代你渲染小组件的视图并显示结果。但那些在小组件显示时继续更新的内容，也可以借助某些 SwiftUI 视图来呈现。
使用小组件中的文本 视图，可以在屏幕上显示最新的日期和时间。下面的示例显示了可用的组合。
要显示自动更新的相对时间：
let components = DateComponents(minute: 11, second: 14)
let futureDate = Calendar.current.date(byAdding: components, to: Date())!
Text(futureDate, style: .relative)
// Displays:
// 11 min, 14 sec
Text(futureDate, style: .offset)
// Displays:
// -11 minutes
使用相对 样式显示当前日期和时间与指定日期之间的绝对差异，无论日期是在未来还是过去。偏移 样式显示当前日期和时间与指定日期之间的差异，用减号 (-) 前缀表示未来的日期，用加号 (+) 前缀表示过去的日期。
要显示持续自动更新的计时器：
let components = DateComponents(minute: 15)
let futureDate = Calendar.current.date(byAdding: components, to: Date())!
Text(futureDate, style: .timer)
// Displays:
// 15:00
对于未来的日期，计时器 样式会进行倒计时，直到当前时间达到指定的日期和时间，对于过去的日期则进行正计时。
要显示绝对日期或时间：
// Absolute Date or Time
let components = DateComponents(year: 2020, month: 4, day: 1, hour: 9, minute: 41)
let aprilFirstDate = Calendar.current(components)!
Text(aprilFirstDate, style: .date)
Text("Date: \(aprilFirstDate, style: .date)")
Text("Time: \(aprilFirstDate, style: .time)")
// Displays:
// April 1, 2020
// Date: April 1, 2020
// Time: 9:41AM
最后，要显示两个日期之间的时间间隔：
let startComponents = DateComponents(hour: 9, minute: 30)
let startDate = Calendar.current.date(from: startComponents)!
let endComponents = DateComponents(hour: 14, minute: 45)
let endDate = Calendar.current.date(from: endComponents)!
Text(startDate ... endDate)
Text("The meeting will take place: \(startDate ... endDate)")
// Displays:
// 9:30AM-2:45PM
// The meeting will take place: 9:30AM-2:45PM