search

jitendra873 / mobiscroll

Automatically exported from code.google.com/p/mobiscroll
0 stars 0 forks source link

Please add Day of Week Functionality #65

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
Mobiscroll would be a lot more useful if I had the option to show a user the 
day of the week they were selecting. Let's say I want to schedule the first 
monday of a month. With the current version there is no ability to let the user 
know what day of the month corresponds to a day fo the week.

Original issue reported on code.google.com by kamr...@gmail.com on 11 Jan 2012 at 6:21

GoogleCodeExporter commented 9 years ago 
Please see the attached pic of the iOS Calendar App in action. Notice the "Sun" 
next to the day.

Original comment by kamr...@gmail.com on 11 Jan 2012 at 6:31

Attachments:

GoogleCodeExporter commented 9 years ago

Original comment by diosla...@gmail.com on 16 Jan 2012 at 9:08

GoogleCodeExporter commented 9 years ago 
Is this possible? I've noticed the 'dayNames' and 'dayNamesShort' in the 
documentation, but cannot find any indication of how to output the day name 
based on these? 'dateFormat' does not have it listed as a format option?

Thank you!

Original comment by he...@iamkeir.com on 24 Apr 2012 at 2:23

GoogleCodeExporter commented 9 years ago 
You can use the 'D' for dayNames and 'DD' for dayNamesShort in the dateFormat 
option, however this refers only to the formatted value, it does not appear on 
the wheels. We are considering it to make this possible.

Original comment by diosla...@gmail.com on 24 Apr 2012 at 2:30

GoogleCodeExporter commented 9 years ago 
Thanks - replied in the groups.

Original comment by he...@iamkeir.com on 24 Apr 2012 at 2:37

GoogleCodeExporter commented 9 years ago 
Added in 2.0rc2

Original comment by diosla...@gmail.com on 3 May 2012 at 2:51

GoogleCodeExporter commented 9 years ago 
Thank you very much indeed!

Original comment by he...@iamkeir.com on 3 May 2012 at 2:55

GoogleCodeExporter commented 9 years ago 
Thanks for the addition. However, this does not quite seem to match the example 
proposed which is: Day of Week + Month + Day (as one wheel)while the mod to 
2.0rc2 results in Month on one wheel and Day of Week + Day on the other, so the 
format seems awkward, i.e. May Sat05, instead of Sat May 05 (which was the 
example requested). But perhaps there is a way to do this that I have missed?

Original comment by tan...@hoaloharobotics.com on 4 May 2012 at 10:00

GoogleCodeExporter commented 9 years ago 
[deleted comment]
GoogleCodeExporter commented 9 years ago 
      You just need to manipulate dateOrder. Here is how to display Day, Date, Month, Year within the wheels with V2.0rc2:

$(document).ready(function () {
            $('#date').scroller( { 
                preset: 'date', 
        theme: 'ios', 
        setText: 'Done',
        mode: 'scroller',
        width: '60',
        dateOrder: 'D ddMM  yyyy' });

I have attached a screenshot as well.
Use dateFormat to control display and parsing of dates.

You're welcome :)

Original comment by eric...@gmail.com on 6 May 2012 at 12:36

Attachments:

GoogleCodeExporter commented 9 years ago 
Thanks. This is close but still not what was originally requested which was:

DayOfWeek Month Day - all on one wheel

Your proposed solution is: 

DayOfWeek Day, Month - on separate wheels

So your solution still does not provide the same order. 

If dateOrder provided the following it might work: DMd, but you can't even do 
Md as a single wheel (so you could get a single wheel that could read "Jun 
10"). 

Perhaps with MobiScroll you could build your own date wheel like this, but I 
don't see how it is currently support as one of the date options. Maybe it 
could be added?

Original comment by tan...@hoaloharobotics.com on 7 May 2012 at 12:16

GoogleCodeExporter commented 9 years ago 
I might have to further customize this code just like your screenshot for my 
own project so the wheel outputs: |D M d| h | i | A|  ->   |Sun Jun 
10|2|00|PM|. 

What needs to be done is some additional js and CSS code tweaking. If I do, and 
I can get it to work, I will let you know how things turn out. 

E

Original comment by eric...@gmail.com on 7 May 2012 at 9:12

GoogleCodeExporter commented 9 years ago 
The iOS like version can be done with a custom scroller.

Here is a working example:

http://jsfiddle.net/w8xdz/10/

Original comment by diosla...@gmail.com on 9 May 2012 at 10:21