jquery - 试图将图像放入我的日期选择器输入中

Question

我正在使用日期选择器来选择日期，它已经可以正常工作了。

我还有 buttonImage 选项可以在点击图片时打开日期选择器。

问题是，我想将我的日历图像放在左侧 float 的输入中，但我不知道该怎么做。

这是我的输入:

<input type="text" class="datepicker" id="formDate" />

在这里，我使用一些配置启动我的日期选择器:

$(function(){
    $('.datepicker').datepicker({   
        showOn: "both",
        buttonImage: 'img/calendar.png',
        buttonImageOnly: true
     });
    $('.ui-datepicker-trigger').css({padding: '7px' ,  float:'left', cursor:'pointer', background:'gray' });
});

我试图将我的图像放入我的输入中，但我没有成功。

我尝试使用边距、 float 、给我的图像绝对位置和我的输入相对位置，但没有任何效果..

我总是得到这样的结果:

你有没有办法把我的日历图片放在我左边的输入框里？

Answer 1

<input tpye="text" class="datepicker"/>


input.datepicker
{
  background-image : url('images/calendarp.png');
  background-Position : 97% center;
  background-Repeat :no-repeat;
  cursor:pointer;
}