Question

使用jQuery datepicker时如何在输入字段后插入图像？

我希望使用函数：buttonImage。

My jQuery code:

        jQuery('.datepicker').datepicker({
            buttonImageOnly: true,
            buttonImage: 'http://finansraadet.opengate.dk/images/arrowH3.gif',
    //      dayNamesMin: ['man', 'tir', 'ons', 'tor', 'fre', 'lør', 'søn'],
    //      monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
    //      yearRange: '2004:2015',
          changeMonth: true,
          changeYear: true,
          dateFormat: 'dd-mm-yy',
          minDate: new Date(1973, 1 - 1, 1)
        });

在表单中有一个输入字段。但没有图像在它之后结束。单击输入字段时，datepicker工作正常。

怎么办？我使用它错了吗？

BR。安德斯

Answer 1

您缺少showOn：'按钮'选项。您的代码按此方式工作，此选项已打开。

Answer 2

使用embed选项。例如：

 // Setup datepicker for Tasks dialog (high z-index) 
 // Start date
 $('.start-date').datepicker({
     showOn: 'button', 
     buttonImageOnly: true, 
     dateFormat: 'yy-mm-dd',
     buttonImage: 'images/calendar.gif',
     beforeShow: function (i, e) {
         var z = 2000;
         e.dpDiv.css('z-index', z);
     }  
  }).addClass("embed");

Answer 3

尝试删除buttonImage以外的所有选项。如果可行，请一次添加一个。

如果不起作用，请发布您的HTML。

另外，请检查以确保您没有两次致电$.datepicker()。

jQuery datepicker。如何在输入字段后插入datepicker.gif

3 个答案: