New answers tagged

0

You can also use Windows Phone Date Picker Format. To Select Date you have to swipe up or down to change date.


0

I just wanted to share here how I improved my original version, it works now. Live demo. Not optimal yet in terms of UX, I'll update thanks to all your contributions in the different answers and useful remarks. As pointed by some people, I'll add the months as well. (Any idea of how to do it is JavaScript without hardcoding ['Jan', 'Feb', 'Mar' ...]?)


3

You can tell better but since you mentioned that 90% time the dates will be within next 10 days - I am assuming that the user pretty much starts off with a date in mind, rather than thinking which date to pick. So in essence he/she is clear with the date (which is approaching soon), and just needs to select what is in mind. With that assumption, check the ...


5

Have you thought about whether there is a preference for weekends / week days in the selection and highlight vs grey out the sections that are less important? Concept 1 I think just a simple Next / Previous with a hidden calendar that can expand beneath it should work. As per the comments here's a modified version, showing today: There is no other ...


1

I had a similar design concern a few months ago. My implementation was a text box displaying the default date formatted as you desire. When the user issues an onclick event a date picker is launched. I used a jQuery datepicker on the backend In that case your page would not appear excessively bulky. Let me know if that was helpful.


9

If 90% of scenario is covered by Today+10 days, then perhaps something like this could work, without having to worry about Next | Previous or losing your current place. It takes up more space, but it's also less finicky. download bmml source – Wireframes created with Balsamiq Mockups Today is indicated as bold. You also need month, because ...


-5

I see a lot of confusion. In my humble opinion what you need is an interval picker and not a single date picker. I think you must leave the idea of date picker and start to work at the idea of interval picker. Interval picker it's simple to comunicate than your solution so you can fix a side of the range (today) and on the other side you can propose a ...


0

Based on @Monomeeth comment: Leave the user enter the dates. The earlier date will be "start" and the latter the "end". If the user enters a start date that's after the end date, switch the two dates. I have also a couple of suggestions: I strongly advise to put labels to mark the fields as a blind UI can be frustrating for the user. Also, you should make ...


1

This is how Microsoft Family Safety letting you configure time-limits for using the computer (for your child account). Checking the box toggles its configuration, user can drag mouse for multiple selection.


0

If you want, it's ok to let users choose their own format for displaying dates (after all, if they don't want this feature they can always stick to the default option). However, you should always present the same GUI widget to choose a date: either 1) a calendar, or 2) three drop-down menus with day, full name of month, and 4-digit year This would ...


0

I am always puzzled how some US folks can miss the most obvious date formats, 30.12.2016 (most of Europe) or 30/12/2016 (UK), which are in conflict with the US formats... Please try to use 2016-12-30 (ISO 8601) as the main date format (if possible with your users)! If you offer a choice of local date formats, also accept input for that format, but DO NOT ...


1

The jQueryUI datepicker allows the user to enter the date themselves, offers a popup calendar, and a "mask" (e.g. dd/mm/yyyy) Questions to consider: International audience of your site - for some weird reason, North American dates are written mm/dd/yyyy (most significant unit first?) and British dates are written dd/mm/yyyy (smallest unit first). Geeky ...


0

May be this will work for you. [You can use any transition effect you want.]


0

I didn't understand why you used two text boxes. Are you going to take inputs from the user? If you have to make the expiry date or days remaining visible, you can use a link with the text "x Days remaining" and when the user click on it show a modal with all his licence details with a renew button on it.


0

How about displaying one of the options upon hover only? You can chose to display the expiration date by default, and show the time remaining upon hover, making the most out of available space and getting a neat UI.


1

We have faced the similar issue recently. We deal with client from multiple timezones & everyone wants date to be displayed in their own formats in reports. So we ask for default date display format on creation step & display date accordingly on every report. For a date which is meant to be consumed by a user only, I think it's best to spell out the ...


0

I'm a proponent of using ISO dates (YYYY-MM-DD) because this ambiguity is so annoying. This is generally understood, though it is not hugely common outside technical applications. Even if it is not the most widely used way of displaying dates, I think it is worth pushing because it is a clearly superior solution. It also has the virtue of resulting in ...



Top 50 recent answers are included