Jquery datepicker:单击div激活.应隐藏输入

Question

我正在使用带有选项的jquery datepicker来通过单击图标来激活它.

http://jsfiddle.net/su6Hq/

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

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

  });

这很好,但我非常希望在css中定义图像,而不是在js中定义.理想情况下,这将是一个带有背景网址的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"); }); 

     });