angularjs – Angular-ui-bootstrap – 日期选择器 – 如何在弹

发布时间：2020-12-17 10:17:05 所属栏目：安全来源：网络整理

导读：目前,我可以先选择年份,然后选择月份,然后选择日期.但是,我只需要访问月份和年份.我不知道如何禁用日期选择器选项. 另外,我想在日期选择器中删除所有页脚按钮(今天,清除等).我怎样才能做到这一点？我正在寻找类似’$scope.showweeks = false;’的东西. 以下

目前,我可以先选择年份,然后选择月份,然后选择日期.但是,我只需要访问月份和年份.我不知道如何禁用日期选择器选项.

另外,我想在日期选择器中删除所有页脚按钮(今天,清除等).我怎样才能做到这一点？

我正在寻找类似’$scope.showweeks = false;’的东西.

以下是我的Plunker示例

Plunker- Month year picker

请随时向我索取任何可用的文件.到目前为止,我只能找到

http://angular-ui.github.io/bootstrap/

谢谢

您可以尝试使用带有指令的jQuery的bootstrap的datepicker.

见Plunker

var app = angular.module('plunker',[]);

app.controller('MainCtrl',function($scope) {
  $scope.var1 = '07-2013';
});


app.directive('datetimez',function() {
    return {
        restrict: 'A',require : 'ngModel',link: function(scope,element,attrs,ngModelCtrl) {
          element.datetimepicker({
           format: "MM-yyyy",viewMode: "months",minViewMode: "months",pickTime: false,}).on('changeDate',function(e) {
            ngModelCtrl.$setViewValue(e.date);
            scope.$apply();
          });
        }
    };
});

HTML

<div id="date" class="input-append" datetimez ng-model="var1">
      <input data-format="MM-yyyy" type="text" id="input1" name="input1"></input>
      <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
      </span>
    </div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!