Jquery datepicker : activate by click on div. 输入应该隐藏

Question

我正在使用 jquery 日期选择器，并可以选择通过单击图标来激活它。

http://jsfiddle.net/su6Hq/

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

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

  });

效果很好，但我非常希望在 css 中定义图像，而不是在 js 中。理想情况下，这将是一个带有背景 url 的 DIV，我将在 css 中定义它。

实际输入需要隐藏。

Answer 1

试试这个 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"); }); 

     });