我怎样才能从 angularjs 中的 datetimepicker 中只选择日期？答案

【问题标题】：How can i have pick only date from datetmepicker in angularjs?我怎样才能从 angularjs 中的 datetimepicker 中只选择日期？
【发布时间】：2016-04-16 20:47:57
【问题描述】：

我只想选择日期，但它也要求我选择时间。

我正在使用以下代码，

view.tpl.html

<div class='input-group date' id='datePicker'>
   <input type='text' id="date" class="form-control"            
 ng-model="model.date" date-picker required />
   <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
   </span>
</div>

directive.js

angular.module('directives.date-picker', [])
.directive('datePicker',['$filter', '$window', function($filter, $window) {
return {
    restrict: 'A',
    scope: {

    },
    link: function(scope, element, attrs) {

        var datePicker = document.getElementById('datePicker');

        angular.element(datePicker).datetimepicker({
            format: "yyyy-mm-dd",
            showMeridian: true,
            autoclose: true
        });
   angular.element($window).bind('keydown', function(event) {
            if (event.keyCode === 27) {
                angular.element(datePicker).datetimepicker('hide');

            }
        }); 

    }
};
  }]);

【问题讨论】：

标签： javascript jquery angularjs angularjs-directive datepicker

【解决方案1】：

将minView 属性添加到datetimepicker 对象，如

minView 是日期时间选择器应显示的最低视图。

    angular.element(datePicker).datetimepicker({
        format: "yyyy-mm-dd",
        showMeridian: true,
        autoclose: true,
        minView : 1 //for day view minimum
    });

0 或“小时”表示小时视图
1 或“day”表示日视图
2 或 'month' 用于月视图（默认）
3 或“年”表示 12 个月的概览
4 或“十年”表示 10 年概览。

Documentation here 如果这是您正在使用的datetimepicker。

希望对你有帮助

【讨论】：