Комбинируйте tinywatermark и jquery ui плагины datepicker

Question

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

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

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

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

Благодаря

Answer 1

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'); 

Answer 2

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

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

Вы также можете использовать плагин JQuery, который не делает клон, но polyfill поведения шаблонного, этот, например: https://github.com/mathiasbynens/jquery-placeholder