HTML5の入力タイプ= "日付"からWebAPIに日付を渡すにはどうすればいいですか？

HTML5 Input type = "Date"コントロールを使用して、.NET Web APIをAngularから呼び出そうとしています。HTML5の入力タイプ= "日付"からWebAPIに日付を渡すにはどうすればいいですか？

私のHTMLページでは、日付が正しく「dd/mm/yyyy」という形式でHTMLコントロールに表示されています。しかし、角度コントローラーでこの値を取得するときに、私はこの形式を「Sun Sep 11 00:00:00 GMT-0400（Eastern Daylight Time）」にしています。この日付を取ってWeb APIに日付パラメーターを渡す方法は混乱します。。。アクションメソッド

<!DOCTYPE html> 
<html ng-app="myApp"> 
<head> 
    <title>This is to test dates being passed from Angular to WebAPI </title> 
    <meta charset="utf-8" /> 
</head> 
<body ng-controller="myController"> 
    <input type="date" ng-model="HireDate" placeholder="Hire Date" /> 
    <br /> 
    <input type="button" value="Get Employees" ng-click="getEmployees(HireDate)" /> 
    <!--<div ng-repeat="empSingleRecord in employee"> 
     empSingleRecord.FirstName + ' ' + empSingleRecord.LastName 
    </div>--> 

<!--Get Angular Script Refrence--> 
    <script src="Scripts/angular.min.js"></script> 
    <script src="App/AngularDateModule.js"></script> 
</body> 
</html>

///

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

//Create Controller 
app.controller("myController" , function($scope){ 
    // $scope.HireDate 

    $scope.getEmployees = function (varHireDate) { 
     alert(varHireDate); 
    } 

});

出典

2016-09-08 Neeraj Jain

にこれは、あなたが本当にdd/MM/yyyy形式を使用したい場合、あなたはそれをフォーマットする角度$filterを使用することができ、印刷のフルjavascrit Dateオブジェクトです：

$filter('date')(varHireDate, 'dd/MM/yyyy')

あなただけのAPIに送信している場合は、それを行う必要はありません。 ASP.NETはそれをそのままDateTimeに変換できるはずです。

出典

2016-09-08 18:44:14 Louis

ありがとうございました –

私が分かりませんが、$ filterは文字列を返します。 $ filter（string）の出力、私はWebAPI Parameter（datetime）に渡しています。 –

もう1つのフォローアップの質問です - HTML5 Input type = "date"はAngularで使用するのに適したコントロールですか？他の人が使っているものを見たいだけですか？ –

HTML5の入力タイプ= "日付"からWebAPIに日付を渡すにはどうすればいいですか？

答えて

関連する問題