在md-datepicker中的數字鍵盤

Question

如何在md-datepicker中調用數字鍵盤？

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

在手機上編輯md-datepicker時，字母數字小鍵盤默認顯示。如何調用數字小鍵盤而不是字母數字小鍵盤？

Answer 1

一個question I answered昨日調整訪問日期選擇器可以設置其類型爲數字，所以當一個手機認爲這一CodePen，拍打input帶來了數字小鍵盤的input。你是這個意思嗎？點擊日曆圖標不會在手機上顯示鍵盤。

標記

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