jQuery 日期选择器。如何在输入字段后插入 datepicker.gif答案

【问题标题】：jQuery datepicker. How to insert datepicker.gif after input fieldjQuery 日期选择器。如何在输入字段后插入 datepicker.gif
【发布时间】：2010-01-12 23:32:32
【问题描述】：

使用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)
        });

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

怎么办？是不是我用错了？

BR。安德斯

【问题讨论】：

标签： jquery datepicker

【解决方案1】：

您缺少 showOn:'button' 选项。启用此选项后，您的代码将照常工作。

【讨论】：

谢谢。发现！它起到了魅力的作用。对不起，我不能将两个答案标记为正确，所以我（不公平）给比尔特里打勾以帮助他提高声誉。在你感觉到他的呼吸在你的脖子上之前还有一段路要走;-)
改变了我的想法。我猜你的答案是基于我发布的 jQuery 的最正确的答案。感谢您的帮助
定位日历/按钮图像：stackoverflow.com/a/10240362/1351605

【解决方案2】：

使用嵌入选项。示例：

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

【讨论】：

感谢您的帮助和示例。 showOn: 'button' 成功了。我还没有阅读有关嵌入选项的信息。我会调查那是什么。感谢您的帮助和示例代码。

【解决方案3】：

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

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

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

【讨论】：