Angular JS md-datepicker答案

【问题标题】：Angular JS md-datepickerAngular JS md-datepicker
【发布时间】：2017-12-11 11:07:37
【问题描述】：

我想将我的md-datepicker 值插入到 PHP 数据库中，但是在插入时错误是数据未定义，以防日期。我应该如何在 PHP 页面中插入 md-datepicker 的值。

reservation.html

<div id="reservation" class="reservation" ng-controller="ReservationController">
    <h2><i>Reservations</i></h2>
    <div class="datepicker" ng-controller="DatePickerController">
    <section layout="row" layout-sm="column" layout-align="center center" layout-wrap required>
    <md-datepicker ng-model="ctrl.myDate" md-placeholder="Enter Date"  md-open-on-focus required></md-datepicker>
    </div>
        <input type='text' class='myBox' placeholder="Enter your name..." ng-model="username">
        <input type='text' class='myBox' style="margin-left:100px;" placeholder="Enter your mobile number..." ng-model="mobile_number">
    <div class="book">
    <button type="submit" class="btn btn-primary btn-lg" ng-click="insertData()">Book Your Meal</button>
    </div>
    </div>

datepicker.js

app.controller('DatePickerController',['$scope',function($scope){
  this.myDate = new Date();
  var [] newDate = ctrl.MyDate.Split(T);
  string finalDate = newdate[0];
  $scope.myDate = finalDate;
  this.isOpen = false;
}]);

reservation.js

app.controller("ReservationController",['$scope', '$http', function ($scope,$http) {

$scope.insertData = function(){
  //window.location.href='index.html#/menu';
  $http.post('database/push_Reservation.php',{'username':$scope.username, 'mobile_number': $scope.mobile_number, 'mydate': $scope.myDate})
    .then(function(data){
      console.log(data);
    });
  }
}]);

【问题讨论】：

您正在尝试从不同的控制器访问范围。在你的情况下，你不能在 Angular 中这样做（这取决于层次结构）。
@nicolascolman rest 除日期外，其他元素值被插入。
您是否尝试在 html 标记中将 ctrl.myDate 替换为 myDate？
是的，我确实尝试过@nicolascolman
日期选择器在子控制器中。我刚刚发布了一个解决方案。

标签： php sql angularjs datepicker

【解决方案1】：

日期选择器控制器：

app.controller('DatePickerController',['$scope',function($scope){
  this.myDate = new Date();
  var [] newDate = ctrl.MyDate.Split(T);
  string finalDate = newdate[0];
  $scope.myDate = finalDate;
  this.isOpen = false;
  $scope.$emit('response', $scope.myDate);
}]);

预订控制器：

app.controller("ReservationController",['$scope', '$http', function ($scope,$http) {
$scope.$on('response', function (evnt, data) {
    $scope.myDate = data;
  });
$scope.insertData = function(){
  //window.location.href='index.html#/menu';
  $http.post('database/push_Reservation.php',{'username':$scope.username, 'mobile_number': $scope.mobile_number, 'mydate': $scope.myDate})
    .then(function(data){
      console.log(data);
    });
  }
}]);

【讨论】：