jQuery UI日期选择器克隆年份重叠如何计算

先生

使用当前的代码,我可以进行一年的经验计算,如何检查重叠的日期。例如,如果用户从原始div 19/5/2005-18/6/2015中选择一次,如果用户选择19/3/2003-18/6/2016,则用户单击克隆的div中的添加更多按钮。它应该说一个警告消息。

这是jQuery代码

/* select exp date ends here*/
/* dates starts here*/

/*addmore functionalities starts here*/
   /*dynamic row for Education Table starts here*/
    var count=0;
    $(document).on("click", ".edu_add_button", function () {            
        var $clone = $('.cloned-row1:eq(0)').clone(true,true);
        //alert("Clone number" + clone);
        $clone.find('[id]').each(function(){this.id+='someotherpart'});
        $clone.find('.btn_more').after("<input type='button' class='btn_less1 edu_btnle' id='buttonless'/>")
        $clone.attr('id', "added"+(++count));
        $clone.find(".school_Name").attr('disabled', true).val('');
        $clone.find(".degree_Description").attr('disabled', true).val('');
        $clone.find("input.deg_date")
          .removeClass('hasDatepicker')
          .removeData('datepicker')
          .unbind()
          .datepicker({
            dateFormat: "mm-dd-yy",
            changeMonth: true,
            yearRange: "-100:+0",
            changeYear: true,
            maxDate: new Date(),
            showButtonPanel: false,
            beforeShow: function () {
                setTimeout(function (){
                $('.ui-datepicker').css('z-index', 99999999999999);

                }, 0);
            }
        });
        $clone.find("input.trans_date")
          .removeClass('hasDatepicker')
          .removeData('datepicker')
          .unbind()
          .datepicker({
            dateFormat: "mm-dd-yy",
            changeMonth: true,
            yearRange: "-100:+0",
            changeYear: true,
            maxDate: new Date(),
            showButtonPanel: false,
            beforeShow: function () {
                setTimeout(function (){
                $('.ui-datepicker').css('z-index', 99999999999999);

                }, 0);
            }
        });
        $(this).parents('.educat_info').after($clone);
    });
    $(document).on('click', ".btn_less1", function (){
        var len = $('.cloned-row1').length;
        if(len>1){
            $(this).closest(".btn_less1").parent().parent().parent().remove();
        }
    });
    /*dynamic row for Education Table ends here*/
    /*dynamic row for Test Score Table starts here*/
    var count=0;
    $(document).on("click", ".test_add_button", function () {           
        var $clone = $('.cloned-row2:eq(0)').clone(true,true);
        $clone.find('[id]').each(function(){this.id+='someotherpart'});
        $clone.find('.btn_more').after("<input type='button' class='btn_less1 selbtnless' id='buttonless'/>")
        $clone.attr('id', "added"+(++count));
        /*$clone.find(".school_Name").attr('disabled', true).val('');
        $clone.find(".degree_Description").attr('disabled', true).val('');*/
        $clone.find("input.txt_date")
          .removeClass('hasDatepicker')
          .removeData('datepicker')
          .unbind()
          .datepicker({
            dateFormat: "mm-dd-yy",
            changeMonth: true,
            yearRange: "-100:+0",
            changeYear: true,
            maxDate: new Date(),
            showButtonPanel: false,
            beforeShow: function () {
                setTimeout(function (){
                $('.ui-datepicker').css('z-index', 99999999999999);

                }, 0);
            }
        });
        $(this).parents('.sel_text').after($clone);
    });
    $(document).on('click', ".btn_less1", function (){
        var len = $('.cloned-row2').length;
        if(len>1){
            $(this).closest(".btn_less1").parent().parent().parent().remove();
        }
    });
    /*dynamic row for Test Score Table ends here*/
    /*dynamic row for Work Experience Table starts here*/
    var count=0;
    $(document).on("click", ".exp_add_button", function () {                
        var $clone = $('.cloned-row3:eq(0)').clone(true,true);
        $clone.find('[id]').each(function(){this.id+='someotherpart'});
        $clone.find('.btn_more').after("<input type='button' class='btn_less1 selbtnless' id='buttonless'/>")
        $clone.attr('id', "added"+(++count));
        $clone.find(".startDate").val('');
        $clone.find(".endDate").val('');
        /*$clone.find(".degree_Description").attr('disabled', true).val('');*/
        $clone.find("input.startDate")
          .removeClass('hasDatepicker')
          .removeData('datepicker')
          .unbind()
          .datepicker({
            dateFormat: "mm-dd-yy",
            changeMonth: true,
            yearRange: "-100:+0",
            changeYear: true,
            maxDate: new Date(),
            showButtonPanel: false,
            beforeShow: function () {
                setTimeout(function (){
                $('.ui-datepicker').css('z-index', 99999999999999);

                }, 0);
            }
        });
        $clone.find("input.endDate")
          .removeClass('hasDatepicker')
          .removeData('datepicker')
          .unbind()
          .datepicker({
            dateFormat: "mm-dd-yy",
            changeMonth: true,
            yearRange: "-100:+0",
            changeYear: true,
            maxDate: new Date(),
            showButtonPanel: false,
            beforeShow: function () {
                setTimeout(function (){
                $('.ui-datepicker').css('z-index', 99999999999999);

                }, 0);
            }
        });
        $(this).parents('.wrk_exp').after($clone);
    });

这是小提琴链接

请给我建议。

谢谢与问候马哈德万

狄更斯AS

您正在浏览日期

$.each($(dateStart),function(key,value)

您正在捕获日期和差异,但没有比较前一个日期

if(dateStart[key-1])

上面的代码将帮助您使用key-1获取先前的行值,并且您可以比较日期

请参考小提琴网址http://jsfiddle.net/ZigmaEmpire/bqgjro6d/7/日期格式为MM-DD-YYYY

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Jquery日期选择器,选择年份

来自分类Dev

jQuery-克隆日期选择器

来自分类Dev

jQuery日期选择器仅选择月份和年份?

来自分类Dev

jQuery日期选择器仅选择月份和年份?

来自分类Dev

如何将jQuery日期选择器转换为仅选择月份和年份?

来自分类Dev

jQuery Ui日期时间选择器

来自分类Dev

jQuery UI日期时间选择器

来自分类Dev

jQuery ui 日期选择器

来自分类Dev

使用jQuery设置日期选择器的年份

来自分类Dev

如何验证jQuery UI日期选择器“从日期”到“到日期”

来自分类Dev

无法使用jQuery UI的日期选择器比较日期

来自分类Dev

jQuery UI日期选择器日期格式

来自分类Dev

jQuery-UI 的日期选择器的默认日期范围

来自分类Dev

如何在jQuery UI日期选择器中动态设置最小和最大日期

来自分类Dev

jQuery使用日期选择器计算天数

来自分类Dev

jQuery UI-无法使日期选择器正常工作

来自分类Dev

jQuery Ui日期选择器不起作用?

来自分类Dev

jQuery Mobile UI日期选择器格式

来自分类Dev

jQuery UI-无法使日期选择器正常工作

来自分类Dev

jQuery UI:日期选择器显示不正确

来自分类Dev

在jQuery Mobile UI中添加日期选择器

来自分类Dev

jQuery UI日期选择器显示不正确

来自分类Dev

如何使jQuery UI日期选择器与angular2一起使用?

来自分类Dev

如何在jQuery UI日期选择器中禁用公共假期?

来自分类Dev

如何在jQuery UI日期选择器中禁用公共假期?

来自分类Dev

如何在 aurelia 中使用 JQuery UI 日期选择器更改语言环境?

来自分类Dev

在jQuery中显示特定于月份和年份的日期选择器

来自分类Dev

jQuery-日期选择器日期

来自分类Dev

克隆后Boostrap日期选择器不起作用(使用jQuery-Cloneya)

Related 相关文章

热门标签

归档