Comments (3)
I had no plan for a 12 hour option. How do you see this exactly ?
Do you mean a timepicker where the user would first select am or pm, then the hour itself and then the minutes ?
from timepicker.
It's a tough question, and I don't have an answer. Given the multiline configurations, most ideas stop working when it's not split evenly.
You could do something like you propose. (Crude drawing begins)
01 02 03 04 05 06 AM 10 20 30
07 08 09 10 11 12 PM 40 50 60
Again, my problem is that there are lots of people who don't "get" the 24 hour thing. I mean, adding/subtracting 12 is hard, right? So I'm looking for a good timepicker that handles both options.
from timepicker.
Yes to this. However, the most natural appearance would be:
Hours Minutes Period
1 2 3 4 5 6 00 10 20 AM
7 8 9 10 11 12 30 40 50 PM
e.g. 6:30 AM is natural left to right motion when selecting a time.
It is important to avoid weird time issues.. So this particular layout would only be allowed when hours are 0-23 and a new option like showPeriodColumn is set to true. There are a lot of weird little issues to deal with though. such as clicking one item in each of the three columns to set the time and automatically close the timepicker instead of just hour and minute. So that logic gets a bit more complicated. Also, row calculations get more messy.
IMO, the configuration should be able to dictate the desired layout and should be made generic. If I want three groups of values and a specific layout and have to select one of each to close the widget, that's the ultimate ideal. A callback function takes the user's selections and returns a value to use to populate the field. That way this sort of widget isn't just a time picker, it is a general-purpose picker for very small, fixed data sets that don't fit well into a single select dropdown - it would just happen to be a great way to piece together a string representing the time of day and then this widget could be rewritten to sit on top of that widget to provide a simplified interface.
from timepicker.
Related Issues (20)
- position by button instead of input
- Performance issue with large number of timepickers HOT 2
- Timepickers united :) HOT 3
- Timepicker not closing when in an iFrame and using Firefox, IE9, Opera.
- .timepicker('option', 'xxx') seems to be broken HOT 1
- Changing one timepickers options while another timepicker is actively being used. HOT 3
- can we restrict user input? HOT 2
- what is about dynamic input from json data HOT 4
- Wrong calculate top value, when timepicker have position fixed HOT 4
- [enhancement] Add missing bower.json. HOT 2
- Extra classes HOT 1
- Won't trigger a second time when used as part of an async HTML partial HOT 1
- Consider using jQuery UI Masked Picker under the hood
- timepicker have some ui issue with bootstrap HOT 4
- Custom defined hours range - plugin doesn't check for out of range time
- Publish to NPM
- Time not showing second time. HOT 1
- Issue with the dynamic generated textbox HOT 2
- Missing package.json causes npm install error
- minTime and maxTime not displaying when minute = 0
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from timepicker.