Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 组合tinywatermark和jquery ui日期选择器插件_Javascript_Jquery_Jquery Ui_Datepicker_Watermark - Fatal编程技术网

Javascript 组合tinywatermark和jquery ui日期选择器插件

Javascript 组合tinywatermark和jquery ui日期选择器插件,javascript,jquery,jquery-ui,datepicker,watermark,Javascript,Jquery,Jquery Ui,Datepicker,Watermark,我在相同的输入字段tinywatermark和jQueryUIDatePicker插件上有以下内容 但他们没有合作。日期选择器未打开 我怎样才能让他们一起工作 我认为问题在于tinywatermark插件中的克隆功能。 这是 谢谢Tinywatermark正在克隆原始输入,并将其替换为该克隆。这就是dateinput不再在那里工作的原因。您可以尝试使用以下内容: $('input') .datepicker() .on('blur', function() { i

我在相同的输入字段tinywatermark和jQueryUIDatePicker插件上有以下内容

但他们没有合作。日期选择器未打开

我怎样才能让他们一起工作

我认为问题在于tinywatermark插件中的克隆功能。 这是


谢谢

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

如果不要求“水印”在过时的浏览器中可见,可以在输入中使用html标记“占位符”,并删除水印插件:

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


您还可以使用一个jQuery插件,该插件不生成克隆,但会填充占位符行为,例如:

谢谢。。。这是更新提琴。。。标题为attr。。