My jQuery datepicker is functioning perfectly on all web browsers, however, I am encountering an issue when viewing it on mobile devices such as the iPad. The default IOS date picker also appears alongside mine. What would be the most effective way to eliminate this unwanted interference? Should I make changes in the CSS or alter the input type?
Here's how my input element is currently structured:
<input type="date" name="payment_Received" class="form-control datepicker" />
<script>
j$(document).ready(function(e) {
j$('.datepicker').datepicker({
dateFormat:'yy-mm-dd'
});
});
</script>