You can block the Arrow in the DATE field

Question

You can block the Arrow in the DATE field

Navigation

#1 by (4 votes)

3

Would there be any way to block this little piece there?

javascript html jquery

asked by anonymous 29.06.2015 / 23:32

1 answer

How to create a function in R How to improve the performance of this SQL query?

score 4 · Accepted Answer

You're looking for webkit-inner-spin-button . You can even disable Calendar Picker if you want. About using ::placeholders to be supported, take a look here: link

dateInput.addEventListener('keydown', function(event) {
    if (event.keyIdentifier == "Down") {
        event.preventDefault()
    }
}, false);

input[type="date"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

.semPicker::-webkit-calendar-picker-indicator {
    display: none;
}

<div class="caixa">
    <input type="date" /> <br/> <br/>
    <input type="date" class="semPicker" />
</div>