Question

我已经环顾四周，但找不到我现在遇到的确切解决方案/问题。

我想要的只是在选择日期时点击日历图标和显示日期的文本字段中显示日历。现在，在尝试不同的属性后，我只能通过其中一个显示日历，但不能同时显示两者：图标和字段。

这是我用来通过图标激活它的代码：

$("#datepicker").datepicker({
   showOn: 'button',
   buttonImage: 'images/icon-calendar.gif',
   buttonImageOnly: true,
   changeMonth: true,
   changeYear: true,
   showAnim: 'slideDown',
   duration: 'fast'
});

是否可以通过点击图标和字段来显示日历？

感谢。

Answer 1

这是在点击日期字段上的图标AND时显示日历的工作代码，请注意“both”值：

$("#datepicker").datepicker({
 showOn: 'both',
 buttonImage: 'images/icon-calendar.gif',
 buttonImageOnly: true,
 changeMonth: true,
 changeYear: true,
 showAnim: 'slideDown',
 duration: 'fast'
});

感谢德里克的帮助。

Answer 2

将您的日期选择器字段设为ID并尝试此操作：

<input type="text" name"whatever" id="datepickerfield" />

对于该字段：

$("#datepickerfield").datepicker({
 showOn: 'button',
 buttonImage: 'images/icon-calendar.gif',
 buttonImageOnly: true,
 changeMonth: true,
 changeYear: true,
 showAnim: 'slideDown',
 duration: 'fast'
});

Answer 3

尝试设置：showOn：'both'

jQuery：datepicker - 由图标和日期字段同时激活的日历

3 个答案: