Best way to remove default IOS date picker

Question

I currently have the jQuery datepicker implemented which is working great on all browsers but when I view in mobile (iPad) the IOS default date picker comes up too. What is the best way to remove it? CSS? change input type?

This is what my input element looks like:

<input type="date" name="payment_Received" class="form-control datepicker" />
<script>
    j$(document).ready(function(e) {
        j$('.datepicker').datepicker({
            dateFormat:'yy-mm-dd'   
        });
    });
</script>

Answer 1

Just use type="text" instead of type="date"

You could also add readonly="readonly" to prevent the keyboard from appearing.