2017-12-11 2 views
0

Ich möchte meine md-datepicker Wert in PHP-Datenbank einfügen, aber beim Einfügen der Fehler ist, dass die Daten nicht definiert sind, im Falle von Date. Wie sollte ich den Wert von md-datepicker in die PHP-Seite einfügen.Angular JS 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); 
    }); 
    } 
}]); 
+0

Sie versuchen, Bereiche von diferent Controller zuzugreifen. Das ist in Ihrem Fall nicht möglich (hängt von der Hierarchie ab). – nicolascolman

+0

@nicolascolman rest Andere Elementwerte werden eingefügt, außer dem Datum. – Aria

+0

Haben Sie versucht, ctrl.myDate für myDate im HTML-Markup zu ersetzen? – nicolascolman

Antwort

0

DatepickerController:

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

ReservationController:

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