Hi, You should be able to see the spinner style of date picker if you include the following simple section in your HTML. <input type="date" /> Of course, you have to run your web page/app in Firefox OS or Firefox Nightly with Gaia [1].
Or you want to re-implement the spinner in your web page and get it to work on all browsers? If that is the case, you may need to take a look at our Gaia implementation, it is in the apps/system/js/value_selector/. [1] https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Using_Gaia_in_Firefox -- Best regards, Rudy, Mozilla Taiwan On Thu, May 9, 2013 at 8:01 PM, <[email protected]> wrote: > Le jeudi 9 mai 2013 12:37:27 UTC+2, Alive Kuo a écrit : > > Hi, > > > > > > > > grep is your good friend, isn't it? > > > > > > > > > [/Users/alive/Projects/gaia/apps|bugzilla/867912/silent-mode-on-device-menu] > -alive- >>> grep -r 'type="date"' * [ 1 ] > > > > calendar/index.html: <input name="startDate" > data-l10n-id="event-start-date" placeholder="Date" type="date" /> > > > > calendar/index.html: <input name="endDate" > data-l10n-id="event-end-date" placeholder="Date" type="date" /> > > > > calendar/js/utils/input_parser.js: * Export js date to HTML5 > input[type="date"] > > > > calendar/test/unit/views/modify_event_test.js: '<input > type="date" name="startDate" />', > > > > calendar/test/unit/views/modify_event_test.js: '<input > type="date" name="endDate" />', > > > > communications/ftu/index.html: <input > id="date-configuration" class="invisible" type="date" min="1970-1-1" > max="2037-12-31"></input> > > > > settings/index.html: <input type="date" id="date-picker" > min="1970-1-1" max="2037-12-31"/> > > > > system/js/value_selector/input_parser.js: * Export js date to HTML5 > input[type="date"] > > > Yeap, but not easy to extract just interesting parts and understand how to > use it. > > > > > > > > -- > > > > Alive C. Kuo, Front-end Eng., Mozilla Corp. (Taiwan, Taipei) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [email protected] 於 2013/5/9 下午6:29 寫道： > > > > > > > > > Hi all, > > > > > Excuse me for advance if it's not the good place for asking questions. > > > > > > > > > > > > > > > I would like to use an input[type=date] in my web app with the > FirefoxOS design (like this one : > https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks/Value_selector#Date_selector) > but I don't find a simple sample for using it... Have you got this ? Thanks > for advance > > > > > > > > > > Progi1984 > > > > > _______________________________________________ > > > > > dev-b2g mailing list > > > > > [email protected] > > > > > https://lists.mozilla.org/listinfo/dev-b2g > > _______________________________________________ > dev-b2g mailing list > [email protected] > https://lists.mozilla.org/listinfo/dev-b2g > _______________________________________________ dev-b2g mailing list [email protected] https://lists.mozilla.org/listinfo/dev-b2g
