I think in the not-to-distant-future, especially as mobile browsing overtakes desktop browsing, its going to be a prerequisite that plugins/widgets work on both screens. As people evaluate whether or not to use a plugin, this will quickly become a deciding factor.
Again, not a critique of this plugin. Just a thought I had while looking at this and being kind of sad that I couldn't really experience the demos on my phone.
One option would be to use a <select> dropdown as the element you attach $.timepicker() to, and only initialize the timepicker for certain screen sizes. Other screens would see the default <select> element, which works better on mobile devices.
> Seems to work fine on [the] iPhone?
is representative of the main issue with the mobile web. Most people only build with iOS and maybe Android in mind.
Thankfully Android's browser is bad enough that it's raised awareness of how difficult it is to build complex cross platform web applications.
One a site note... for the duration example, is it possible to make columns to line up the time and duration in columns rather than just with spaces? I have some auto-suggest code where I'd like to make two columns that are aligned rather than just with spaces.
From an astetics standpoint, when I have two times I personally like a slider with two handles. in GCal I'm always dragging my apointments longer and shorter in the overview, not in the details. My "solution" is to use two select boxes with the times, and then use this plugin to convert it to a slider: http://www.filamentgroup.com/lab/update_jquery_ui_slider_fro...
