Question

我正在使用带有选项的jquery datepicker，通过点击图标激活它。

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

     });

Answer 2

它不是具有background-image的div。你无法使用Pure CSS实现这一点。该图标呈现为具有源src属性的图像对象。

Jquery datepicker：单击div激活。应隐藏输入

2 个答案: