Javascript smalot/bootstrap日期时间选择器导航箭头缺失
我在获取DateTime Picker()的Bootstrap3版本中显示的箭头时遇到问题 下载时提供的示例也缺少箭头,但bootstrap2示例中有箭头 其他一切都正常工作,并单击箭头应按预期导航的位置。我假设浏览器正在搜索图标,并且它们应该在哪里Javascript smalot/bootstrap日期时间选择器导航箭头缺失,javascript,css,twitter-bootstrap,bootstrap-datetimepicker,smalot-datetimepicker,Javascript,Css,Twitter Bootstrap,Bootstrap Datetimepicker,Smalot Datetimepicker,我在获取DateTime Picker()的Bootstrap3版本中显示的箭头时遇到问题 下载时提供的示例也缺少箭头,但bootstrap2示例中有箭头 其他一切都正常工作,并单击箭头应按预期导航的位置。我假设浏览器正在搜索图标,并且它们应该在哪里 想知道是否有人遇到过这个问题,并且知道如何解决它?否则,对于如何排除故障的建议,我们将不胜感激 回购协议的最新更新解决了该问题。否则,在../bootstrap-datetimepicker.js中搜索和替换以下行具有相同的效果: 替换:
想知道是否有人遇到过这个问题,并且知道如何解决它?否则,对于如何排除故障的建议,我们将不胜感激 回购协议的最新更新解决了该问题。否则,在../bootstrap-datetimepicker.js中搜索和替换以下行具有相同的效果: 替换:
headTemplateV3: '<thead>' +
'<tr>' +
'<th class="prev"><i class="icon icon-arrow-left"></i> </th>' +
'<th colspan="5" class="switch"></th>' +
'<th class="next"><i class="icon icon-arrow-right"></i> </th>' +
'</tr>' +
'</thead>',
headTemplateV3: '<thead>'+
'<tr>'+
'<th class="prev"><i class="glyphicon glyphicon-arrow-left"/></th>'+
'<th colspan="5" class="switch"></th>'+
'<th class="next"><i class="glyphicon glyphicon-arrow-right"/></th>'+
'</tr>'+
'</thead>',
headTemplateV3:'+
'' +
' ' +
'' +
' ' +
'' +
'',
与:
headTemplateV3: '<thead>' +
'<tr>' +
'<th class="prev"><i class="icon icon-arrow-left"></i> </th>' +
'<th colspan="5" class="switch"></th>' +
'<th class="next"><i class="icon icon-arrow-right"></i> </th>' +
'</tr>' +
'</thead>',
headTemplateV3: '<thead>'+
'<tr>'+
'<th class="prev"><i class="glyphicon glyphicon-arrow-left"/></th>'+
'<th colspan="5" class="switch"></th>'+
'<th class="next"><i class="glyphicon glyphicon-arrow-right"/></th>'+
'</tr>'+
'</thead>',
headTemplateV3:'+
''+
''+
''+
''+
''+
'',
该问题通过回购协议的最新更新得以解决。否则,在../bootstrap-datetimepicker.js中搜索和替换以下行具有相同的效果:
替换:
headTemplateV3: '<thead>' +
'<tr>' +
'<th class="prev"><i class="icon icon-arrow-left"></i> </th>' +
'<th colspan="5" class="switch"></th>' +
'<th class="next"><i class="icon icon-arrow-right"></i> </th>' +
'</tr>' +
'</thead>',
headTemplateV3: '<thead>'+
'<tr>'+
'<th class="prev"><i class="glyphicon glyphicon-arrow-left"/></th>'+
'<th colspan="5" class="switch"></th>'+
'<th class="next"><i class="glyphicon glyphicon-arrow-right"/></th>'+
'</tr>'+
'</thead>',
headTemplateV3:'+
'' +
' ' +
'' +
' ' +
'' +
'',
与:
headTemplateV3: '<thead>' +
'<tr>' +
'<th class="prev"><i class="icon icon-arrow-left"></i> </th>' +
'<th colspan="5" class="switch"></th>' +
'<th class="next"><i class="icon icon-arrow-right"></i> </th>' +
'</tr>' +
'</thead>',
headTemplateV3: '<thead>'+
'<tr>'+
'<th class="prev"><i class="glyphicon glyphicon-arrow-left"/></th>'+
'<th colspan="5" class="switch"></th>'+
'<th class="next"><i class="glyphicon glyphicon-arrow-right"/></th>'+
'</tr>'+
'</thead>',
headTemplateV3:'+
''+
''+
''+
''+
''+
'',
这让我一时发疯。我找到的解决方案是在timepicker.js文件中搜索“chevron”,并更改为正确的引导格式:
我本打算发布一张图片,但stackoverfow不让我:(
因此,在timepicker.js中搜索“chevron”并替换为:
<i class="icon-chevron-down"></i>
为此:
<i class="glyphicon glyphicon-chevron-down"></i>
这让我一时发疯。我找到的解决方案是在timepicker.js文件中搜索“chevron”,然后更改为正确的引导格式: 我本打算发布一张图片,但stackoverfow不让我:( 因此,在timepicker.js中搜索“chevron”并替换为:
<i class="icon-chevron-down"></i>
为此:
<i class="glyphicon glyphicon-chevron-down"></i>
只需检查您的minDate
和maxDate
选项是否正确,因为如果它们不正确,箭头可能会丢失只需检查您的minDate
和maxDate
选项是否正确,因为如果它们不正确,箭头可能会丢失我在本地托管材质图标文件这给我带来了严重的问题。
当我默认返回到旧链接rel(下面的代码片段)时,所有IE问题都得到了解决
不知道是什么引起的
我在本地托管材质图标文件。这给了我严重的问题。 当我默认返回到旧链接rel(下面的代码片段)时,所有IE问题都得到了解决 不知道是什么引起的
这对我有帮助!!我很惊讶它没有被修复,你也告诉了我。谢谢这对我有帮助!!我很惊讶它没有被修复,你也告诉了我。谢谢你的回答好像不完整。似乎你的答案不完整。