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..
Loading
SIVAPosted Mar 21, 2012, 7:09 AM
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 t1,t2,t3 are Themes & m1,m2 are modes..
By using these we can modify the Mobiscroll DatePicker depend up on users wish!!!!