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

Question

所以,我正在使用Stefan Gabos的Zebra DatePicker插件,这是一个很棒的插件,我发现它与Spry验证不相称 - 我知道,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定位的设计原理).