jquery - Zebra Datepicker 和 Spry 验证 - Datepicker 图标位置未在表单提交时更新

Question

所以，我正在使用 Stefan Gabos 的 Zebra DatePicker 插件，它是一个很棒的插件，我发现它与 Spry Validation 配合得不太好 - 我知道，Spry Validation 有其问题，但这就是问题所在我正在用来让它发挥作用。

因此，当表单提交时，并且在没有任何值的情况下执行验证时，由于错误消息，它会导致表单下降。没问题。问题在于 DatePicker 图标没有根据父元素或文本字段更新其位置。该插件的作者建议调用 datepicker.update() ，该方法在实现时不会产生任何结果。

这是我的js代码:

$(document).ready(function() {
$('input.datepicker').Zebra_DatePicker({
    format: 'M d, Y',                                      
    direction: true,
    disabled_dates: ['* * * 0,3,6']

});

    });

这是 html:

<input name="specific_date" type="text" class="datepicker" />

任何帮助将不胜感激 - 我确信这是一个简单的解决方案，但对于我的生活，我可以找到任何有用或有帮助的东西。提前致谢!

Answer 1

另一种解决方案是隐藏图标:

$(document).ready(function() {
 $('#datepicker').Zebra_DatePicker({"show_icon" : false});
});

然后您可以使用 CSS 来恢复它(即在不使用 Zebra Datepicker 的情况下重新实现图标)，从而完全不需要更新其位置。

#datepicker{ 
 background-image: url('zebra_datepicker/calendar.png'); 
 background-position:98% 50%; 
 background-repeat:no-repeat; 
 cursor: pointer; 
}

对我来说，这首先看起来是更简单的设计(我不知道为什么 Zebra Datepicker 图标通常通过 JavaScript 定位的设计原理)。