I’m applying the calendar control to my input like so:
My HTML
<input id="displaydate" onchange="changePageDate('child')" class="displaydate" value="Jul 4, 2019">
My JQuery
$(function(){
$(’#displaydate’).mobiscroll().calendar({
‘dateFormat’:‘yyyy-mm-dd’,
‘focusOnClose’:false,
‘setOnDayTap’:true,
‘defaultValue’:’<?php echo $pagedate; ?>’,
‘buttons’:[‘cancel’,‘now’],
‘nowText’:‘Today’
});
});
But when I run it, mobiscroll appears to be adding a class to my input (mbsc-comp) and also wrapping it inside a div with several more classes.
<div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset"><input id="displaydate" onchange="changePageDate('child')" class="displaydate mbsc-comp" value="Jul 4, 2019" readonly=""></div>
This is giving me styling that I don’t want. How can I prevent this?