Feature Peek #25: Save the date, pick the time
In the first video, the demonstration is inside the dialogue component, but everything Selwyn will show you can also be done in the grid component. When Selwyn hits the first drop down menu, you'll see that it will prompt you to enter a date on the calendar and a time on the clock.
There's one main internal component that allows this feature to work, and that's the format string that you enter. This determines whether you want to display the date and the time, or just one, as in previous versions of this feature. Selwyn will show you both examples of the format string.
In design mode, under controls, you'll see Selwyn configure this feature by specifying the properties. He can chose between entering his own code or staying with the global default that's been predetermined. Towards the end of this video, Selwyn gets into some more advanced options, such as showing and hiding the days of the week.
In in the second video, Selwyn continues to explore the properties and gives you some advanced options for your date and time picker. These tips include allowing users to set whether it's a date, time, or date and time picker; high and low dates; disabled dates; OK and cancel buttons; and customized masks. All of these will be shown as Selwyn explains them while alternating between working preview and design mode.
The final video wraps things up with JavaScript functions, particularly when specifying a high date or low date in the builder. In design mode, you can select either the start or end date, and then go into the properties window for specifications. For example, Selwyn targets the low date, and selects "function get Low Date," which will bring him into the builder displaying the JavaScript function.
Hit play to see that there's no slim pickens in the Version 11 date and time picker!











