You must use a hidden input in which you will pass the value of the selection with the required format.
<input id="myrange" />
<input id="myrange-start" type="hidden" />
<input id="myrange-end" type="hidden" />
JS:
$('#myrange').mobiscroll().range({
onSet: function (event, inst) {
var values = inst.getVal();
$('#myrange-start').val(mobiscroll.util.datetime.formatDate('dd-mm-yy', values[0]);
$('#myrange-end').val(mobiscroll.util.datetime.formatDate('dd-mm-yy', values[1]);
}
});
Note: If you are using 2.x, there are some small differences:
$('#myrange').mobiscroll().range({
onSelect: function (valueText, inst) {
var values = inst.getVal();
$('#myrange-start').val($.mobiscroll.datetime.formatDate('dd-mm-yy', values[0]);
$('#myrange-end').val($.mobiscroll.datetime.formatDate('dd-mm-yy', values[1]);
}
});