Live-Demo
Datepicker Playground
AngularJS directive demo for multiple Moment.js formats. Each field updates a numeric timestamp model shown below it.
Year + Month
ts-format="YYYY-MM"
Year + Month (name)
ts-format="YYYY MMMM" → unix of first day 00:00:00
German Date
ts-format="DD.MM.YYYY"
US Date
ts-format="MM/DD/YYYY"
24h Time
ts-format="HH:mm"
German Datetime
ts-format="DD.MM.YYYY HH:mm"
Year Only
ts-format="YYYY" → unix of Jan 1 00:00:00
German Datetime seconds
ts-format="DD.MM.YYYY HH:mm:ss"
Comma in input (parsing tolerance)
ts-format="DD.MM.YYYY HH:mm", value="09.09.25, 23:07"
US Datetime (am/pm)
ts-format="MM/DD/YYYY h:mm a"
Calendar Week
ts-format="YYYY / W" → clamp to Monday 00:00:00
German Datetime (Angular-style)
ts-format="dd.MM.yyyy HH:mm"
US Datetime (Angular-style)
ts-format="MM/dd/yyyy h:mm a"
12h Time (am/pm)
ts-format="hh:mm a"
Non-Angular (string only)
Direct applyDatepicker