Angular-ui-bootstrap - Datum-Picker - Wie kann ich den Zugriff einschränken, um die Datum-Auswahl im popup?

Im moment, kann ich zunächst wählen Sie das Jahr, dann der Monat und dann das Datum. Jedoch, ich brauche nur Zugang zu Monat und das Jahr. Ich bin mir nicht sicher, wie Sie Sie deaktivieren, um die Datum-Auswahl-option.

Außerdem würde ich mag, um loszuwerden, alle der Fußzeile Schaltflächen (heute, klar, etc) in der Datum-picker als gut. Wie kann ich das erreichen ?

Ich bin auf der Suche nach etwas so ähnlich wie '$scope.showweeks = false;'

Unten ist mein Plunker Beispiel

Plunker - Monat-Jahr-picker

Bitte fühlen Sie sich frei, mich zu leiten, um keine Dokumentationen verfügbar. Bisher konnte ich nur finden,

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

Dank

Können Sie überprüfen Sie diese url an :eternicode.github.io/bootstrap-datepicker/...
Ich glaube nicht, können Sie das tun, weil datepicker unterstützt nur show-weeks Attribut. Ich würde schreiben-Richtlinie hinzufügen wird ng-show zu relevanten tag
Danke. Es funktioniert gut. Aber gibt es eine Möglichkeit den Zugriff auf die gleichen Eigenschaften ( minViewMode: 1) mit Winkel ?
Ist es möglich es in einer einfacheren Art und Weise als in der bootstrap-datepicker ? Würde ich in der Lage sein, um das Datum-deaktiviert (Datum, Modus) Funktion zum deaktivieren der Datums-Selektor? Ich habe versucht zu spielen, um mit es, aber konnte es nicht zu funktionieren.
Es ist ein Projekt für die ui-bootstrap das ist ein fork von der bootstrap-datepicker-Projekt: github.com/dalelotts/angular-bootstrap-datetimepicker

InformationsquelleAutor Ren | 2014-03-11

  1. 9

    Können Sie versuchen, für die Bootstrap-datepicker mit jQuery gewickelt durch die Richtlinie.

    Finden Sie unter Plunker

    JS

    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>

    Angular-ui-bootstrap - Datum-Picker - Wie kann ich den Zugriff einschränken, um die Datum-Auswahl im popup?

    Danke...!! Ich war nur arbeiten, die nach der Suche nach einem ähnlichen Beitrag. Es funktioniert gut, außer, dass ich es nicht schließen, es sei denn, ich klicke irgendwo anders auf dem Bildschirm. Gibt es eine api, für den schließen-button ? oder kann auch ein Doppelklick auf einen Monat, um es und schließen Sie das pop-up ?
    Welchen Browser benutzen Sie?
    chrome im moment, aber Sie benötigen, um Unterstützung von ie-9, wenn nicht 8.
    du kannst dir die Quellen aus dem link JQuery Guru gepostet, und fügen Sie die Richtlinie aus meinem Beispiel. Nach, setzen Sie die option: autoclose: true. Hoffe, dass es funktionieren sollte
    funktioniert perfekt. Danke.!!

    InformationsquelleAutor Maxim Shoustin

  2. -1

    Können Sie set-Modus-Einstellung.
    Zum Beispiel für die Unterstützung von nur Jahren, Optionen würde wie folgt Aussehen:

        $scope.optionsYear = {
      showWeeks: false,
      minMode: 'year',
    };

    Und fügen Sie Optionen, um datepicker:

    data-datepicker-options="optionsYear"

    InformationsquelleAutor user1403588

Schreibe einen Kommentar