Customize MobiScroll Datepicker

Question

Hi All I need to customize Mobiscroll Datepicker. Currently the Date is in the following format: Day : 1 2 3 4...... Month : 1 2 3 4.... Year : 91 92 93.... If i select Date from that it will be 13/04/87. Now my requirement is in UI it should display as follows Day : 1 2 3 4..... Month : Jan Feb Mar..... Year : 2011 2012 2013..... & if i select which will be in the same format as 13/04/2011 I am unable to get it where i need to do customize it.. Please find the demo as an attachment & help me out.. Thanks in Advance..

SIVA · Answer

Hi We can customize mobiscroll Datepicker with Different themes & Modes as follows $(document).ready( function () { var m1 = Scroller ; var m2 = clickpick ; var t1 = ios ; var t2 = android ; var t3 = sense-ui ; // 1. Defalut Theme //$('#date1').scroller(); // 2. Theme ios with Scroller $( '#date1' ).scroller( 'destroy' ).scroller({ theme: t1 mode: m1 }); // 3. Theme android with Scroller //$('#date1').scroller('destroy').scroller({ theme: t2 mode: m1 }); // 4. Theme sense-ui with scroller //$('#date1').scroller('destroy').scroller({ theme: t3 mode: m1 }); // 5. Theme ios with clickpick //$('#date1').scroller('destroy').scroller({ theme: t1 mode: m2 }); // 6. Theme android with clickpick //$('#date1').scroller('destroy').scroller({ theme: t2 mode: m2 }); // 7. Theme sense-ui with clickpick //$('#date1').scroller('destroy').scroller({ theme: t3 mode: m2 }); }); In Above code t1t2t3 are Themes & m1m2 are modes.. By using these we can modify the Mobiscroll DatePicker depend up on users wish!!!!