組合tinywatermark和jquery ui日期選擇器插件

Question

我有以下fiddle有相同的輸入字段tinywatermark和jquery ui datepicker插件。

但他們沒有在一起工作。日期選擇器不會打開。

我該怎麼做才能讓它們一起工作？

我認爲這個問題是因爲tinywatermark插件中的clone函數。 這是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插件，不使一個克隆，但不填充工具的佔位行爲，這一個例子：https://github.com/mathiasbynens/jquery-placeholder