Отключить всплывающее окно выбора времени от браузера
Есть тег <input type="time" value="12:00" />
Сгенерирован с помощью X-editable (X-editable)
Проблема: при вводе времени и нажатии Enter должна отправляться форма, но вылезает окошко выбора времени от браузера. В Google Chrome, форма отправляется нормально без всплывашки, а вот в Edge (новом) - вылезает.
Другие браузеры не тестировал. Есть способ вообще заблокировать эту панельку?
let CssSelector = '.editable';
$(CssSelector + '[data-name="time"]').editable({
format: 'hh:ii',
showbuttons: false,
viewformat: 'hh:ii',
onblur: 'submit',
mode: 'inline'
});
Пробовал так, но в Edge все равно она лезет:
$(CssSelector).on('shown', function (e, editable) {
var tr = $(editable.$element).closest('.tr');
setTimeout(function () {
tr.find('input').keyup(function (event) {
if (event.keyCode === 13) {
event.preventDefault();
tr.find(".editableform").submit();
}
});
tr.find('input').select();
tr.addClass('hover');
}, 0);
});
