如何从 Angular 日期选择器中获取所选日期并将其传递给 $http 服务参数答案

【问题标题】：How can I get the selected date from an Angular date picker and pass it to $http service parameter如何从 Angular 日期选择器中获取所选日期并将其传递给 $http 服务参数
【发布时间】：2018-01-01 11:52:04
【问题描述】：

我正在调用 AngularJS 服务 $http，我想使用 Angular-Material 日期选择器组件中的日期值作为以下参数中的参数日期值。

$http({
    method : 'GET',
    url : 'theurltobeused',
    params : { pdate : **date value**}
...

这是我的角度材料日期选择器组件

<div flex="20">
  <md-datepicker ng-model="data.myDate" md-placeholder="Enter date" md-min-date="ctrl.minDate" md-max-date="ctrl.maxDate">
  </md-datepicker>
</div>

如果我尝试

... params : {pdate : $scope.data.myDate}...

我收到一个错误 TypeError：无法读取未定义的属性“myDate”

【问题讨论】：

我认为您需要使用ng-model=ctrl.data.myDate，因为您似乎使用的是ctrlAs 语法

标签： javascript angularjs date

【解决方案1】：

请使用 ctrl.data.mydate

 <md-datepicker ng-model="ctrl.data.mydate" md-placeholder="Enter date" md-min-date="ctrl.minDate" md-max-date="ctrl.maxDate">
 </md-datepicker>

然后

 params : {pdate : this.data.mydate}.

【讨论】：