У меня есть следующая скрипка, которая имеет одно и то же поле ввода tinywatermark и jquery ui datepicker.
Но они не работают вместе. datepicker не открывается.
Как я могу сделать, чтобы они работали вместе?
Я думаю, что проблема заключается в том, что функция clone
в плагине крошечного водяного знака. Это крошечный водяной плагин
благодаря
Tinywatermark клонирует исходный вход и заменяет его этим клоном. Вот почему dateinput больше не работает. Вы можете попытаться использовать что-то вроде этого:
$('input')
.datepicker()
.on('blur', function() {
if ($(this).val() == '') {
$(this).val('choose date');
}
})
.on('focus', function() {
if ($(this).val() == 'choose date') {
$(this).val('');
}
})
.trigger('blur');
Если вы не хотите, чтобы "водяной знак" отображался в устаревших браузерах, вы можете использовать "placeholder" тега html на своем входе и удалить плагин с водяными знаками:
<input type='text' id='test' value='' placeholder='choose date' />
Вы также можете использовать плагин jQuery, который не создает клон, но выполняет полифоризацию поведения заполнитель, например, https://github.com/mathiasbynens/jquery-placeholder