dev_tool/logo.svg
    1. lucide_icons/wrench.svg Tools
      2. lucide_icons/chevron-right.svg
    2. dev_tool/tool_logo/white/luxon.svg Luxon
      3. lucide_icons/chevron-right.svg
    3. Formatting lucide_icons/chevron-down.svg
    dev_tool/tool_logo/white/luxon.svg

    Luxon Online playground test format function

    This hands-on tool allows you to experiment with different format configurations in real time, helping you understand and implement Luxon functionality in your projects.

    v3.5.0
    Parameters
    Common use
    Setting that most people use
      Manual
      Input by your self
      19/12/2024 07:50
      format("dd/MM/yyyy HH:mm")
      December 19, 2024
      format("MMMM d, yyyy")
      Dec 19, 2024
      format("MMM d, yyyy")
      07:50 A
      format("hh:mm A")
      07:50:20
      format("HH:mm:ss")
      12
      format("LL")
      Dec
      format("LLL")
      December
      format("LLLL")
      2024-12-1907:5007:50:20+0
      format("yyyy-MM-ddTHH:mm:ssZ")
    Date Value String
    Text in any formats that can new Date(...)
    Timezone
    Enter timezone of the date
    Formatting
    Enter desired formatting you can see a hint from dropdown
    Locale
    Output language
    Token Tips
    These are list of token that you can use in Formatting
    d
    day of the month, no padding
    19
    dd
    day of the month, padded to 2
    19
    c
    day of the week, as number from 1-7 (Monday is 1, Sunday is 7)
    4
    ccc
    day of the week, as an abbreviate localized string
    Thu
    cccc
    day of the week, as an unabbreviated localized string
    Thursday
    ccccc
    day of the week, as a single localized letter
    T
    View All
    Output
    N/A
    Typescript
    Sharing / Save
    Copy the link to easily share it with friends, or save the result to revisit and use it later at your convenience.
    Copy link
    Save
    dev_tool/tool_logo/black/luxon.svg

    Other Luxon common operations

    More operations you can play with.