2010-01-12 45 views
1

如何在使用jQuery datepicker时在输入字段后插入图像?jQuery datepicker。如何在输入字段后插入datepicker.gif

我希望使用函数: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。 Anders

回答

2

您缺少showOn:'button'选项。您的代码按照打开此选项的方式工作。

+0

谢谢。发现!它起到了魅力的作用。我很抱歉,但我不能将两个答案标记为正确的,所以我(不公平)给比尔特里勾上了对号,以帮助他增加他的声望。还有一种方法可以让你在脖子上感受到他的呼吸;-) – Tillebeck 2010-01-13 10:30:49

+0

改变了我的想法。我想你的回答是基于我发布的jQuery最令人怀疑的。感谢您的帮助 – Tillebeck 2010-01-13 10:31:50

+0

定位日历/按钮图像:http://stackoverflow.com/a/10240362/1351605 – TARKUS 2016-12-31 17:18:53

0

试着剥去除buttonImage之外的所有选项。如果可行,将它们一次一个添加回去。

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

此外,请检查以确保您没有拨打$.datepicker()两次。

1

对它使用嵌入选项。例如:

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

感谢您的帮助和示例。 showOn:'按钮'取得了诀窍。我没有阅读关于嵌入选项。我会研究这是什么。感谢您的帮助和示例代码。 – Tillebeck 2010-01-13 10:33:08

相关问题