jquery datepicker：通过点击div来激活。输入应该隐藏

我正在使用jquery datepicker和选项，通过点击图标激活它。jquery datepicker：通过点击div来激活。输入应该隐藏

<input type="hidden" id="datepicker"> 

$(function() { 
    $("#datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "/static/calendar.gif", 
     buttonImageOnly: true 
    }); 

    });

这工作正常，但我非常喜欢在图像中的CSS定义，而不是在JS。理想情况下，这将是一个带背景网址的DIV，我将在css中定义它。

实际输入需要隐藏。

来源

2014-03-31 user984003

试试这个 HTML：

<input type="hidden" id="datepicker"> 
<div class="trigger">Click Me</div>

的Javascript：

$(function() { 

    $("#datepicker").datepicker({ 

    }); 

    $("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd"); 

    $(".trigger").click(function(){ $("#datepicker").datepicker("show"); }); 

    });

来源

2014-03-31 06:27:29 Coder

我尝试了类似的东西，但是datepicker不能用隐藏的输入来调用，除非你使用图标图标选项。我创建了一个解决此问题的答案。 – user984003

检查我的小提琴http://jsfiddle.net/gZt3r/ – Coder

酷！我不知道为什么这对我不起作用。 – user984003

这是不是background-image.You一个div无法做到这一点使用纯CSS。该图标呈现为图像对象，其具有要成像的源src属性。

来源

2014-03-31 06:27:59

jquery datepicker：通过点击div来激活。输入应该隐藏

回答

相关问题