如何从 angularjs 表单中获取日期值答案

【问题标题】：How to get a date value from angularjs form如何从 angularjs 表单中获取日期值
【发布时间】：2014-12-16 17:32:52
【问题描述】：

HTML

<div align="center" ng-controller="FormCtrl">
    <form name="form" ng-submit="submitForm()" novalidate>
        <input type="date" name="myDate" ng-model="myDate" value="myDate"/>
    </form>
</div>

JavaScript

var app = angular.module('formExample', []);
app.controller('FormCtrl', function ($scope, $http) {
     $scope.myDate = new Date();
});

app.js

app.post('/', function (req, res) {
    var jtime = req.body.myDate;
    console.log(jtime);
});

这里的结果（console.log）显示未定义。如何从 Angular js 表单中获取该日期值。

【问题讨论】：

只需 $scope.myDate 就可以了。
您的代码很完美，只需将 req.body 替换为 $scope.myDate

标签： angularjs node.js express

【解决方案1】：

实现$scope.submitForm函数使用$http.post发出AJAX POST请求：

app.controller('FormCtrl', function ($scope, $http) {
    $scope.submitForm = function() {
        $http.post('/', {myDate: $scope.myDate});
    };     
});

【讨论】：

【解决方案2】：

<div align="center" ng-controller="FormCtrl">
  <form name="form" ng-submit="submitForm()" novalidate>
     <input type="date" name="myDate" ng-model="myDate" value="myDate"/>
  </form>
</div>

这里type="date" 将日期选择器添加到该字段

一旦您通过日期选择器ng-model="myDate" 选择日期，将与所选日期一起收集

【讨论】：