javascript - bootstrap DateTime Picker的显示问题

Question

在使用bootstrap datetime picker的时候，发现年和十年视图时所有选项都横着一排，只有月视图和官网上的例子是一样的：http://www.bootcss.com/p/bootstrap-datetimepicker/
不知道为何？

代码：

    <p class="form-group">
        <label class="col-md-2 control-label" for="BirthDate">出生日期</label>
        <p class="col-md-10">
            <input class="form-datetime" data-val="true" data-val-date="字段 出生日期 必须是日期。" data-val-required="请填写出生日期" id="BirthDate" name="BirthDate" type="text" value="" />
        </p>
    </p>

<script src="/Scripts/jquery-1.10.2.js"></script>

<script src="/Scripts/bootstrap.js"></script>

<script src="/Scripts/datetimepicker/bootstrap-datetimepicker.js"></script>
<script src="/Scripts/datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>



<script type="text/javascript">
    $(".form-datetime").datetimepicker({
        format: "yyyy-mm-dd",
        weekStart: 1,
        startDate: "1920-1-1",
        startView: "year",
        minView: "month",
        maxView: "decade",
        language: "zh-CN",
        initialDate: "1984-1-1"
    });

</script>

Answer 1

调查了半天，发现居然是引用bootstrap-datetimepicker.css时地址写错了，导致没有读进来，修改后终于恢复正常~

Answer 2

一般這樣的組件都是css + js類型的