Jquery datepicker:通过点击div激活.输入应该隐藏

Question

我使用jquery的日期picker与选项有它被激活的点击一个图标。

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

Answer 2

不是带有background-image的div。使用纯CSS无法实现这一点。该图标被渲染为具有源src属性的图像对象。