bootstrap-datetimepicker没有图标了，怎么回事

罗汉松驻扎的工作基地 2014-11-13 03:17:22

我用 asp.net web form 跟着网上的代码写了一次，为什么人家的有“向左、向右”的箭头，而我的就没有，
我的代码如下：





<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="DateTimePickerTest4.WebForm1" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>







    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">





    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>





    <link href="css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />





    <script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>

    <script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script>











    <script type="text/javascript">



        $(document).ready(function () {





            $("#a").datetimepicker({

                language: 'zh-CN',

                weekStart: 1,

                todayBtn: 1,

                autoclose: 1,

                todayHighlight: 1,

                startView: 2,

                minView: 2,

                forceParse: 0

            });





        })//end documnet.ready

    

    </script>



</head>

<body>

    <form id="form1" runat="server">

    <div>

        <input id='a' name='a' type="text"  data-date-format="yyyy-MM-dd" />

    </div>

    </form>

</body>

</html>

截图是这样的：

为什么没有了箭头啊？？

人家网上的是这样的

小弟刚刚学习前端编程，是不是有些css没有加进去啊？？？
求解。。。。。

...全文

4326 17 打赏收藏转发到动态举报

写回复

用AI写文章

17 条回复

切换为时间正序

请发表友善的回复…

发表回复

zawen001 2018-07-03

打赏
举报

可以直接修改datetimepicker.js和datetimepicker.min.js中的样式。
原图：

修改后：

将两个文件修改后就可以直接显示了。

hongttttt 2017-03-24

打赏
举报

引用 11 楼 qq_27792973 的回复:

需要在input框中class类form-control 原因如下: 如果没有加form-control这个类就会造成读的是版本2,也就是这个图标是icon-arrow-left这个类(bs版本2才有的),加了它这个图标是glyphicon-arrow-left这个类,此类版本三才有!

虽然语义不顺但是按照这个做了就好用了，剩下的都是瞎比说赞这个。

Sam-Richard 2017-01-17

打赏
举报

依赖需要bootstrap的下拉菜单组件 (dropdowns.less) 的某些样式，还有bootstrap的sprites (sprites.less and associated images) 中的箭头图标。 A standalone .css file (including necessary dropdown styles and alternative, text-based arrows) can be generated by running build/build_standalone.less through the lessc compiler: $ lessc build/build_standalone.less datetimepicker.css

IT_Admin123 2017-01-05