2016-08-02 8 views
1

Wie Sie die numerische Tastatur in MD-Datepicker aufrufen?Nummerische Tastatur in MD-Datepicker

Das alphanumerische Tastenfeld erscheint standardmäßig bei der Bearbeitung des MD-Datumsspeichers auf Mobiltelefonen. Wie kann ich die numerische Tastatur anstelle der alphanumerischen Tastatur aufrufen?

Antwort

1

ein question I answered gestern Tweaking die input der Datumsauswahl für den Zugriff auf eine seiner Typennummer so eingestellt werden kann, wenn man diese CodePen auf einem Mobiltelefon betrachtet, tippen die input das numerische Tastenfeld bringt. Meinst Du das? Durch Tippen auf das Kalendersymbol wird keine Tastatur auf meinem Telefon angezeigt.

Markup

<div ng-controller="AppCtrl" style="padding: 40px;" ng-cloak="" ng-app="MyApp"> 
    <md-content> 
    <md-datepicker id="myDatePicker" ng-model="myDate" md-placeholder="Enter date"></md-datepicker> 
    </md-content> 
</div> 

JS

angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache']) 
    .controller('AppCtrl', function($scope, $element) { 
    $scope.myDate = new Date(); 
    var myDatePicker = angular.element($element[0].querySelector('#myDatePicker')); 
    var myDatePickerInputContainer = angular.element(myDatePicker[0].children[1]); 
    var myDatePickerInput = angular.element(myDatePickerInputContainer[0].children[0]); 
    myDatePickerInput.attr("type", "number"); 
}); 
+0

Ja genau! Danke – Veela

+0

Ich benutzte Attribut 'tel' anstelle von 'Nummer' - 'myDatePickerInput.attr ("type", "tel"); 'Damit kann ich auch das Datum aus dem Kalender auswählen. – Veela

+0

@Veela Gerade versucht, aber ein alphanumerisches Tastenfeld bekommen. Wie auch immer, froh, dass es für dich funktioniert. –