bootstrap-datetimepicker如何只顯示到日期


bootstrap-datetimepicker 一般都是設置到時分秒,有時候並不需要,怎么處理呢?

minView: "month", //選擇日期后,不會再跳轉去選擇時分秒

1.引入

    <link href="Public/css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="{sh::PUB}js/jquery-1.10.2.min.js"></script>
    <link type="text/css" rel="stylesheet" href="{sh::PUB}css/bootstrap-datetimepicker.min.css">
    <script src="{sh::PUB}js/bootstrap-datetimepicker.min.js" type="text/javascript" /></script>
    <script src="{sh::PUB}js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" /></script>

2.配置

// 日歷
$('.form_datetime').datetimepicker({
    minView: "month", //選擇日期后,不會再跳轉去選擇時分秒 
    language:  'zh-CN',
    format: 'yyyy-mm-dd',
    todayBtn:  1,
    autoclose: 1,
});

3.html

<div class="form-group row">
    <div class="left col-xs-3 text-right">
        <label for="">*時間:</label>
    </div>
    <div class="right col-xs-6 text-left">
        <div class="input-group">
          <input type="text" class="form-control form_datetime" id="addtime" name="addtime" value="{sh:$info.addtime|default=$time|date='Y-m-d',###}" placeholder="">
          <span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
        </div>
    </div>
</div>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM