Custom format for Text.DateStyle.timer?

Question

Say I have a Text.DateStyle.timer in WidgetKit and I want to set it so that it displays hours:minutes only, instead of hours:minutes:seconds. How can I go about this?

Answer 1

To display hours and minutes only in WidgetKit, you can use the DateFormatter class in SwiftUI.

Here is an example in SwiftUI:

import SwiftUI
import WidgetKit

struct MyWidgetEntryView : View {

    static let dateFormatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.dateFormat = "h:mm"
        return formatter
    }()

    var body: some View {
        VStack {
            Text(Self.dateFormatter.string(from: Date()))
                .font(.largeTitle)
            Spacer()
        }
    }
}

struct MyWidgetEntryView_Previews: PreviewProvider {
    static var previews: some View {
        MyWidgetEntryView()
    }
}

Result:

Answer 2

In iOS 15.0+ you can use the formatted function:

Date().formatted(date: .omitted, time: .shortened)