Page 1 of 4 123 ... LastLast
Results 1 to 10 of 36

Thread: Calendar Picker/Chooser

  1. #1
    Touch Premium Member
    Join Date
    Oct 2010
    Posts
    93

    Default Calendar Picker/Chooser

    For those looking for a calendar picker instead of using default date picker. This is my first shot at creating a custom control so I'm sure there will be better ways of doing things, any additions are welcome since it still needs a little bit of work, fixing up the style on the form field display. Anybody with more experience on styling let me know on how to fix the gray box and text alignment.

    Git - https://github.com/ecanas/Ext.form.u...CalendarPicker
    Demo - http://www.ordersinseconds.com/calendarpicker/


    Here are some pics of how it looks iphone:



    and ipad:

  2. #2
    Sencha User
    Join Date
    Oct 2010
    Posts
    17

    Default Only one thing would make this perfect

    the ability to choose the year

  3. #3
    Touch Premium Member
    Join Date
    Oct 2010
    Posts
    93

    Default

    Choose a year? Currently it allows you to set a preselected date month/year by setting the value property to any date/year you need. So in the sample instead of value: new Date() you could do instead do new Date('2012/1/1')

    You can also set the date via setValue(new Date())

    Not sure if that's what you meant by choose year?

  4. #4
    Touch Premium Member
    Join Date
    Oct 2010
    Posts
    93

    Default

    I think I know what you mean .. To choose a year from the calendar instead of having to page by months to get to a different year. This can be easily added will see if in future version can add.

  5. #5
    Sencha User
    Join Date
    Oct 2010
    Posts
    17

    Default you got it :)

    you got my point exactly

    here are two more questions: 1. is there any API? or should I just look through the JS file?
    2. Say I have a startingDate field and endingDate field of an event,
    a. I create them both successfully.
    b. I click on startingDate field and start looking for my desired date
    c. I accidentally click outside the container- on the endingDate field - it also opens up at the moment.

    what would you suggest me to do in order to prevent clicking outside the container while it is open?
    (I'm new at this, so cut me some slack )
    10X again
    Elad

  6. #6
    Touch Premium Member
    Join Date
    Oct 2010
    Posts
    93

    Default

    Sorry no API, its basically a panel and added option for setting the date and a fire an event when a date is chosen.

    As for the other issue I did notice that as well on my testing I will add a mask so that it will prevent tapping outside.

  7. #7
    Touch Premium Member
    Join Date
    Oct 2010
    Posts
    93

    Default

    Elad, fixed the modal window it will now not let you tap outside the window until it's closed. you can get the latest .js from GitHub

  8. #8
    Sencha User
    Join Date
    Oct 2010
    Posts
    17

    Default Thanks!!

    10x a Bunch!

  9. #9
    Sencha User
    Join Date
    Oct 2010
    Posts
    17

    Default

    I was thinking about the year changing saga- what do you think about this:
    1. instead of 6 weeks currently displayed - it will display 5 weeks(the 6th is irrelevant)
    2. adding another bar(fixed under the title bar) that has to buttons and displays the year
    3. adding a to the swipe event up and down so that the year would change

    1- was easy: changed 42 to 35,
    2- I need to play with this framework more to get it right.
    3- likewise

  10. #10
    Touch Premium Member
    Join Date
    Oct 2010
    Posts
    93

    Default

    I was going as well limit it to 5 weeks but take a look at July and October of this year it uses all 6 weeks.

    I like the swipe for months but I guess it can be made a configuration swipe for years or months. The other options are to use double tap to indicate a year change, single tap would be month.

    let me know which of those sounds better and can do a quick update to add either one.

Page 1 of 4 123 ... LastLast

Similar Threads

  1. Customizing the calendar date picker for localization
    By rney_aspect in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 10 Jun 2010, 9:11 PM
  2. Widget - chooser for calendar week (like DatePicker)
    By paco_online in forum Ext GWT: Help & Discussion (1.x)
    Replies: 2
    Last Post: 30 Nov 2009, 3:16 AM
  3. date picker displays weird calendar
    By sisirc in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 24 Sep 2007, 11:21 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •