javascript - bootstrap DateTime Picker的显示问题
黄舟
黄舟 2017-04-10 14:24:53
0
2
597

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


黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

reply all(2)
黄舟

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

巴扎黑

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

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template