Javascript 缺少jQuery日期选择器图示符图标

Javascript 缺少jQuery日期选择器图示符图标,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,在过去的几天里,我遇到了一个非常奇怪的问题。我正在使用jQuery验证插件验证我的字段,名为“开始日期”。此字段有一个简单的验证方法,其中required设置为true。我能够成功地验证该字段。然而,我收到了一个奇怪的问题。当该字段被验证为有效或无效时,图标日历将神奇地消失。我试图通过查看inspector工具来进行故障排除,结果表明,此代码(日历图标)在验证后被完全删除 <span class="glyphicon glyphicon-calendar"></span&g

在过去的几天里,我遇到了一个非常奇怪的问题。我正在使用jQuery验证插件验证我的字段,名为“开始日期”。此字段有一个简单的验证方法,其中required设置为true。我能够成功地验证该字段。然而,我收到了一个奇怪的问题。当该字段被验证为有效或无效时,图标日历将神奇地消失。我试图通过查看inspector工具来进行故障排除,结果表明,此代码(日历图标)在验证后被完全删除

  <span class="glyphicon glyphicon-calendar"></span>

我花了几个小时研究,但似乎没有人收到这个奇怪的问题。有人知道为什么吗非常需要帮助这是我的问题和当前代码的截图

$(文档).ready(函数(){
$.validator.setDefaults({
突出显示:函数(元素、errorClass、validClass){
如果(element.type==“无线电”){
this.findByName(element.name).addClass(errorClass).removeClass(validClass);
}否则{
$(元素)。最近('.form group')。removeClass('has-success')。addClass('has-error has feedback');
$(元素)。最近('.form group')。查找('span.glyphicon')。删除();
$(元素)。最近('.form group')。追加('');
}
},
取消高亮显示:函数(元素、errorClass、validClass){
如果(element.type==“无线电”){
this.findByName(element.name).removeClass(errorClass).addClass(validClass);
}否则{
$(元素)。最近('.form group')。removeClass('has-error有反馈')。addClass('has-success有反馈');
$(元素)。最近('.form group')。查找('span.glyphicon')。删除();
$(元素)。最近('.form group')。追加('');
}
}
});
$(“#数据表单”)。验证({
规则:{
开始日期输入:{
必填项:true
}
},
submitHandler:函数(表单){
警惕(“成功”);
}
});
});

开始日期

演示:

正如@Rich在评论中提到的,下面一行删除了图标

$(element).closest('.form-group').find('span.glyphicon').remove();

它并没有丢失,它出现在屏幕的右侧,而不是您希望它出现的位置。我说的是日历图标,您可以看看我提供的屏幕截图或JSFIDDLE,是因为您要删除它吗<代码>$(元素)。最近('.form group')。查找('span.glyphicon')。删除()那是因为你要删除它…@RoryMcCrossan嗨Rory,我完全看错了,我真的很抱歉我是新手。但是,您知道为什么glyphicon Ok图标和glyphicon remove图标出现在屏幕侧面而不是文本框中吗?