Please add Day of Week Functionality

[GoogleCodeExporter]

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]

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:

• calendar.PNG

[GoogleCodeExporter]

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

• Changed state: Accepted
• Added labels: Type-Enhancement
• Removed labels: Type-Defect

[GoogleCodeExporter]

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]

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]

Thanks - replied in the groups.

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

[GoogleCodeExporter]

Added in 2.0rc2

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

• Changed state: Verified

[GoogleCodeExporter]

Thank you very much indeed!

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

[GoogleCodeExporter]

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]

[deleted comment]

[GoogleCodeExporter]

      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:

• photo(2).png

[GoogleCodeExporter]

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]

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]

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