How to change settings on the Skuid Datepicker - for instance, to show menus for year and month?

  • 1
  • Question
  • Updated 3 years ago
  • Answered
The Skuid Datepicker is built on the jQuery UI Datepicker, which offers a lot of customizability. Is it possible to modify the default Skuid datepicker functionality on certain, or all, Skuid Pages?

Here's one example: jQuery UI allows you to optionally show menus for year and month, allowing for quickly jumping to a particular month/year, rather than having to type these in. How would I change this setting for all Datepickers on a single Skuid Page?

Photo of Zach McElrath

Zach McElrath, Employee

  • 49,004 Points 20k badge 2x thumb
  • happy

Posted 6 years ago

  • 1
Photo of Zach McElrath

Zach McElrath, Employee

  • 49,004 Points 20k badge 2x thumb
Official Response
As of the Banzai release, it is now possible to change some Datepicker settings via the Page Composer at a per-Date/Datetime field level by going to the Date/Datetime field, and then clicking on the "Advanced" properties. This brings up a set of options that can be used to configure the Date / Datetime field:

 - Show Month Picker
 - Show Year Picker
 - Year Picker Lower Bound (Today +/- N years, Selected Date +/- N Years)
 - Year Picker Upper Bound (Today +/- N years, Selected Date +/- N Years)

And for Datetime fields only:
 - Minute Picker Increment (1, 5, 10, 15, 20, 30)














Datepicker default settings can still be configured globally using the approach documented before, with an inline JavaScript resource.