Clavier numérique dans md-datepicker

Question

Comment appeler le clavier numérique dans md-datepicker?

<md-datepicker id="xs-datepicker" name="date" ng-model="vm.entryDate" md-max-date="vm.now" required flex=50></md-datepicker> 

Le pavé alphanumérique apparaît par défaut lors de l'édition du md-datepicker sur les téléphones mobiles. Comment puis-je appeler le pavé numérique à la place du pavé numérique alphanumérique?

Answer 1

Peaufiner un question I answered hier pour accéder au input du sélecteur de date, on peut définir son type à être numéro vrai si on considère cette CodePen sur un téléphone mobile, tapant sur le input apporte le pavé numérique. C'est ce que tu veux dire? Si vous appuyez sur l'icône du calendrier, aucun clavier n'apparaît sur mon téléphone.

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"); 
});