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

在移动设备 phone 上调整 yesterday to access the input of the date picker one can set its type to be number so when one views this CodePen，点击 input 调出数字键盘。你是这个意思吗？在我的 phone.

上点击日历图标不会调出键盘

标记

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

md-datepicker 中的数字键盘

Numeric keyboard in md-datepicker

datepicker

angularjs

angular-material