Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs md日期选择器中的数字键盘_Angularjs_Datepicker_Angular Material - Fatal编程技术网

Angularjs md日期选择器中的数字键盘

Angularjs md日期选择器中的数字键盘,angularjs,datepicker,angular-material,Angularjs,Datepicker,Angular Material,如何在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时,默认情况下会显示字母数字键盘。如何调用数字键盘而不是字母数字键盘?调整日期选择器的输入可以将其类型设置为数字,因此当在手机上查看时

如何在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时,默认情况下会显示字母数字键盘。如何调用数字键盘而不是字母数字键盘?

调整日期选择器的
输入可以将其类型设置为数字,因此当在手机上查看时,点击
输入将弹出数字键盘。这就是你的意思吗?轻触日历图标不会在手机上显示键盘

加价

<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>

没错!ThanksI使用了属性'tel'而不是'number'-'myDatePickerInput.attr(“type”,“tel”);'这样我也可以从日历中选择日期。@Veela刚刚试过,但得到了一个字母数字键盘。不管怎样,很高兴它对你有用。
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");
});