奇怪的jQuery + jquery.validate + fullcalendar行为

时间:2011-04-08 20:26:44

标签: jquery jquery-plugins jquery-validate fullcalendar datetimepicker

我不是jQuery专家,我需要你们帮助我。 我有两个文本框,允许用户输入日期时间戳(使用datetimepicker),但我需要确保结束时间戳大于起始时间戳。我正在使用jquery validate插件及其自定义方法。

jQuery.validator.addMethod("startEndCheck", function(value, element, params) {
        if (!/Invalid|NaN/.test(new Date(value))) {
            return new Date(value) > new Date($(params).val());
        }   
        return isNaN(value) && isNaN($(params).val()) || (parseFloat(value) > parseFloat($(params).val())); 
},'Must be greater than start time.');

这是我如何定义我的datetimepicker:

$(document).ready(function() {
    $('#start_time').datetimepicker({ ampm: true,timeFormat: 'hh:mm:ss' }); 
    $('#end_time').datetimepicker({ ampm: true,timeFormat: 'hh:mm:ss' }); 
    $('#ui-datepicker-div').wrap('<div class="cclicks"></div>');
    $("#end_time").rules('add', { startEndCheck: "#start_time" }); 
});

我还在同一页面添加了一个fullcalendar jquery插件。只要我添加

$("#end_time").rules('add', { startEndCheck: "#start_time" });

我的完整日历消失了。我不知道如何解决这个问题。

1 个答案:

答案 0 :(得分:0)

通过将插件升级到最新版本以及最新的jquery lib,解决了问题。

谢谢大家的帮助。

Nikkee