如何将挑选唯一日期从 datetmepicker 在 angularjs?

发布时间: 2017/4/16 2:24:25
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

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

我使用下面的代码,

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');

            }
        }); 

    }
};
  }]);

解决方法 1:

添加 minView 属性设置为 datetimepicker 对象像

minView是最低的视图,datetimepicker 应该显示。

    angular.element(datePicker).datetimepicker({
        format: "yyyy-mm-dd",
        showMeridian: true,
        autoclose: true,
        minView : 1 //for day view minimum
    });
  • 0 或者 '小时' 小时查看
  • 1 或者 '日' 天视图
  • 2 或者 '月' 月视图 (默认值)
  • 3 或 12 年个月概述
  • 4 或 10 年概述的 ' 十年'。

文档在这里如果这是 datetimepicker 您正在使用。

希望它能帮助

官方微信
官方QQ群
31647020