bootstrap DateTime Picker的显示问题


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

年视图

十年视图

月视图

代码:


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


 <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>

jquery HTML bootstrap JavaScript

酸菜牛肉饭 11 years, 2 months ago

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

蒋公剿匪不力 answered 11 years, 2 months ago

Your Answer