【问题标题】:Angular Bootstrap Datetimepicker disable dateAngular Bootstrap Datetimepicker 禁用日期
【发布时间】:2017-10-26 13:15:40
【问题描述】:

下面是一个 div,其中有一个 datetimepicker。

<div class="dropdown" id="cal">
    <div class="input-group">
        <input type="text" id="date" name="date" class="form-control" data-ng-model="environment.nextRun|date:'medium'">
        <span class="input-group-addon"><i  data-toggle="dropdown" data-target="#cal" role="button" class="fa fa-clock-o dropdown-toggle"></i></span>
    </div>

    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <datetimepicker   data-ng-model="environment.nextRun" data-datetimepicker-config="{ dropdownSelector: '#dropdown' }"></datetimepicker>
    </ul>
</div>

我正在尝试禁用日期并仅选择时间。我在标签中使用了 disabled-date=true 但它不起作用。谁能帮我禁用日期并只选择一天中的时间?我需要格式为 HH:mm

【问题讨论】:

    标签: angular-ui-bootstrap datetimepicker


    【解决方案1】:

    要仅选择时间,请使用:

    data-datetimepicker-config="{ dropdownSelector: '#dropdown1', startView : 'hour', minView: 'minute' }"
    

    time 不是 minView 的有效值。

    【讨论】:

      【解决方案2】:

      查看这些链接可能对您有帮助。

      1. https://github.com/dalelotts/angular-bootstrap-datetimepicker#before-render
      2. https://github.com/dalelotts/angular-bootstrap-datetimepicker/issues/123

      试试这个

      data-datetimepicker-config="{ dropdownSelector: '#dropdown1', minView: 'time' }"
      

      【讨论】:

      • time 不是 minView 的有效值。
      猜你喜欢
      • 2019-04-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多