Объедините плагины tinywatermark и jquery ui datepicker

0

У меня есть следующая скрипка, которая имеет одно и то же поле ввода tinywatermark и jquery ui datepicker.

Но они не работают вместе. datepicker не открывается.

Как я могу сделать, чтобы они работали вместе?

Я думаю, что проблема заключается в том, что функция clone в плагине крошечного водяного знака. Это крошечный водяной плагин

благодаря

Теги:
datepicker
watermark

2 ответа

0
Лучший ответ

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');
  • 0
    Спасибо ... это обновление скрипки ... с названием attr .. jsfiddle.net/3rHRM/2
1

Если вы не хотите, чтобы "водяной знак" отображался в устаревших браузерах, вы можете использовать "placeholder" тега html на своем входе и удалить плагин с водяными знаками:

<input type='text' id='test' value='' placeholder='choose date' />

Вы также можете использовать плагин jQuery, который не создает клон, но выполняет полифоризацию поведения заполнитель, например, https://github.com/mathiasbynens/jquery-placeholder

Ещё вопросы

Сообщество Overcoder
Наверх
Меню