2016-04-16 10 views
0

私は日付だけを選びたいと思っていますが、時間を選択するように求めています。私は、次のコードを使用していどのように私はanglejsのdatetmepickerから日付のみを選ぶことができますか?

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

datetimepickerオブジェクトにminViewプロパティを追加します。 like

minViewは、datetimepickerが表示する最低のビューです。

angular.element(datePicker).datetimepicker({ 
     format: "yyyy-mm-dd", 
     showMeridian: true, 
     autoclose: true, 
     minView : 1 //for day view minimum 
    }); 
  • 0または時間ビュー
  • 1か月表示(デフォルト)
  • 3または一日ビュー
  • 2や '月' の '日' の '時間' 12月の概要の「年」
  • 10年の概要の場合は4または「10年」。

Documentationここにはdatetimepickerが使用されています。

希望すると助かります

関連する問題