In Iphone device we are able to zoom-in in page. When we click to open Date pickers, it will display larger then device width.
I use
inst = mobiscroll.datepicker( vCtr, {
animation: ‘pop’,
anchor: vCtr,
locale: LANGUAGE == 1 ? mobiscroll.localeEn : mobiscroll.localeFr,
pages: 1,
display: ‘bottom’,
touchUi: true,
onChange: function (event, inst) {
var act = Request.Create(REQUEST_SYNC, IceAction.UpdateRs, inst.props.anchor.id);
var value = event.valueText == ‘clear’ ? ‘’ : event.valueText || inst.props.defaultValue;
SetContent(act, value);
Request.Execute(REQUEST_SYNC);
},
buttons: [
{
text: LANGUAGE == 1 ? ‘Clear’ : ‘Effacer’,
handler: function (event) {
inst.props.onChange({ valueText: ‘clear’ }, inst);
inst.close();
}
},
{
icon: ‘calendar2’,
handler: function (event) {
inst.setTempVal(new Date());
}
},
{
text: ‘’,
icon: ‘close’,
handler: ‘cancel’
}
],
onPageLoading: function (event, inst) {
inst.setTempVal(GetVal(inst.props.anchor));
}
});