Значение Datepicker в строку в Angularjs

Question

Я пытаюсь получить значение datepicker в виде строки или пригодного для использования формата для передачи в качестве параметра в метод get. Тем не менее,
метод get, который я пробовал, всегда выдает ошибку. Как лучше всего преобразовать значение datepicker в строку?

<div ng-app="getserviceApp" ng-controller="getserviceCtrl">
        <button ng-click="FunctionLoadData()">Load Data</button>

        <input type="date" ng-model="from_date" />
        <input type="date" ng-model="to_date" />

<script type="text/javascript">

        var app = angular.module('getserviceApp', [])

        app.controller('getserviceCtrl', function ($scope, $http) {

            var FromDate = new Date($scope.from_date.selectedDate);
            var ToDate = new Date($scope.from_date.selectedDate);

Answer 1

Есть некоторые несоответствия в ng-моделях и названии переменных $ scope.

В вашем контроллере должно быть что-то вроде

   app.controller('getserviceCtrl', function ($scope, $http) {
     $scope.from_date = new Date();
     $scope.to_date = new Date();

     $scope.loadData = function(){
       console.log($scope.from_date.toISOString().split('T')[0])
       console.log($scope.to_date.toISOString().split('T')[0])
       //prints the dates in yyyy-MM-dd format
     }
   }

И в вашем HTML

<div ng-app="getserviceApp" ng-controller="getserviceCtrl">
    <button ng-click="loadData()">Load Data</button>

    <input type="date" ng-model="from_date" />
      value = {{from_date | date: "yyyy-MM-dd"}}//Display the date
    <input type="date" ng-model="to_date" />
      value = {{from_date | date: "yyyy-MM-dd"}}
</div>

Answer 2

Я думаю, что ошибка from_date.selectedDate. Используйте только модель from_date

Здесь работает stackblitz .