相关疑难解决方法(0)

日期选择器缺少引导导航箭头

我意识到存在与此类似的问题,其中问题是未引用正确的字体系列。但是,在我使用的版本中,他们不使用图标作为导航箭头,而是使用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">&laquo;</th>'+
                            '<th colspan="5" class="datepicker-switch"></th>'+
                            '<th …
Run Code Online (Sandbox Code Playgroud)

html javascript css datepicker twitter-bootstrap

1
推荐指数
1
解决办法
7223
查看次数

标签 统计

css ×1

datepicker ×1

html ×1

javascript ×1

twitter-bootstrap ×1