我意识到存在与此类似的问题,其中问题是未引用正确的字体系列。但是,在我使用的版本中,他们不使用图标作为导航箭头,而是使用html字符代码作为双左箭头和双右箭头。
我的html参考-
<link href="Content/css/bootstrap.css" rel="stylesheet" />
<link href="Content/css/datepicker.css" rel="stylesheet" />
<link href="Content/css/navbar.css" rel="stylesheet" />
<link href="Content/css/jquery-ui.min.css" rel="stylesheet" />
<link href="Content/css/jquery-ui.structure.min.css" rel="stylesheet" />
<link href="Content/css/jquery-ui.theme.min.css" rel="stylesheet" />
<script type= "text/javascript" src="Scripts/jquery-2.2.0.min.js"></script>
<script type= "text/javascript" src="Scripts/bootstrap.min.js"></script>
<script type= "text/javascript" src="Scripts/bootstrap-datepicker.js"></script>
<script type= "text/javascript" src="Scripts/moment.min.js"></script>
<script type= "text/javascript" src="Scripts/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".datepicker").datepicker({
format: 'dd/mm/yyyy',
autoclose: true,
todayBtn: 'linked',
useCurrent: true,
ignoreReadonly: true
})
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是bootstrap-datepicker.js文件中的相关代码-
headTemplate: '<thead>'+
'<tr>'+
'<th colspan="7" class="datepicker-title"></th>'+
'</tr>'+
'<tr>'+
'<th class="prev">«</th>'+
'<th colspan="5" class="datepicker-switch"></th>'+
'<th …Run Code Online (Sandbox Code Playgroud)