搜尋

首頁  >  問答  >  主體

javascript - bootstrap DateTime Picker的显示问题

在使用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>


黄舟黄舟2777 天前603

全部回覆(2)我來回復

  • 黄舟

    黄舟2017-04-10 14:26:53

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

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-10 14:26:53

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

    回覆
    0
  • 取消回覆