将tiny水印和jquery数据采集器插件结合起来

Question

我有下面的小提琴，它们在相同的输入字段上有tiny水印和jquery插件。

但他们不是一起工作的。数据录音机没有打开。

我怎么才能让他们一起工作呢？

我认为问题是因为clone函数中的小水印插件。这是微水印插件

谢谢

Answer 1

Tiny水印是克隆原始输入并用该克隆替换它。这就是为什么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。