角 - 猫鼬:不能操纵日期

时间:2017-02-19 14:07:50

标签: javascript angularjs mongodb date object

我一直在寻找解决方案,但没有任何帮助。

我有一个使用Mongoose和Express运行的Angular JS应用程序。

我想以简单的形式将日期存储为对象。 但是当我提交表单时,日期存储为String而不是Objects。 所以我不能做这样的事情:

tache.start.getDate();

这是我的表格:

<form  name="formTache" ng-submit="addTache(tache)">
    <div class="form-group row">
        <div class="col-lg-12">
            <input name="name" class="form-control" placeholder="Nom" type="text" ng-model="tache.title"/>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-lg-12">
            <input id="date" name="date" class="form-control" placeholder="Date" ng-model="tache.start" type="date"/>
        </div>
    </div>
    <div class="form-group row">
         <div class="text-right col-lg-12">
            <button type="submit" class="btn btn-default">Ajouter</button>
         </div>
    </div>

这是我的Mongoose Schema:

var restful = require('node-restful');
var mongoose = restful.mongoose;
var Schema = mongoose.Schema,
ObjectId = Schema.ObjectId;
var tachesSchema = new mongoose.Schema({
    title : String,
    start: {type: Date, default: new Date()},
});
var tachesModel = mongoose.model('taches', tachesSchema);

module.exports = restful.model('taches', tachesSchema);

这是我的控制器:

angular.module('personaldashboard.tache', [])
  .controller('TachesCtrl', function($scope, Taches, Progress, toaster) {
    $scope.tache = new Taches();
    var refreshTache = function() {
      $scope.taches = Taches.query(); 
      $scope.tache = ''
    }
    refreshTache();

    $scope.addTache = function(tache) {
      Taches.save(tache,function(tache){
        refreshTache();
      });
    };

    $scope.updateTache = function(tache) {
      tache.$update(function(){
        refreshTache();
      });
    };

    $scope.removeTache = function(tache) {
      tache.$delete(function(){
        refreshTache();
      });
    };

    $scope.editTache = function(id) {
      $scope.tache = Taches.get({ id: id });
    };  

    $scope.deselectTache = function() {
      $scope.tache = ''
    }
    $scope.editTache_Projet = function(tache, projetId) {
      tache.projet = projetId;
      tache.$update(function(){
        refreshTache();
      });
    };
    });

这是我得到的:

{ "_id": "58a99df24975ad0104c692b1", "title": "Test", "start": "2017-02-24T23:00:00.000Z" }

那么为什么我的日期而不是对象获得"2017-02-24T23:00:00.000Z"之类的字符串而我的Mongoose模式指定start: {type: Date, default: new Date()}

感谢您的帮助。

修改

感谢Saurabh Agrawal,我试图在控制器中提交时更改日期:

$scope.addTache = function(tache) {
  tache.start = new Date(tache.start);
  tache.end = new Date(tache.end);
  Taches.save(tache,function(tache){
    refreshTache();
  });
};

可悲的是,这没有改变:(

我的日期仍为字符串

 "2017-02-20T23:00:00.000Z" 

修改

我还尝试添加指令

.directive("formatDate", function(){
  return {
   scope: {ngModel:'='},
    link: function(scope) {
        if (scope.ngModel) {
            scope.ngModel = new Date(scope.ngModel);
        }
    }
  }
})

并以我的表格调用

<form  name="formTache" ng-submit="addTache(tache)">
    <div class="form-group row">
        <div class="col-lg-12">
            <input name="name" class="form-control" placeholder="Nom" type="text" ng-model="tache.title"/>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-lg-12">
            <input id="date" name="date" class="form-control" placeholder="Date" ng-model="tache.start" type="date" formatDate/>
        </div>
    </div>
    <div class="form-group row">
         <div class="text-right col-lg-12">
            <button type="submit" class="btn btn-default">Ajouter</button>
         </div>
    </div>

但没有任何改变。

还有其他想法吗?

1 个答案:

答案 0 :(得分:0)

通过搜索,我发现我错过了真正的问题。

我的约会对象是日期对象。

当我这样做时

$scope.test = new Date([2017,2,15]);

<pre>{{test}}</pre>
<pre>{{test.getDate()}}</pre>

我得到了

&#34; 2017-02-14T23:00:00.000Z&#34;和15

所以日期显示为&#34; 2017-02-14T23:00:00.000Z&#34;是对象。

但在我的情况下,当我尝试做同样的日期时,在另一个对象中,就像在这个模式中一样:

 var tachesSchema = new mongoose.Schema({
    title : String,
    start: {type: Date, default: new Date()},
    end: {type: Date, default: new Date()},
    comment : String,
    state : Boolean,
    projet : { type: ObjectId, ref: 'Projets' }
});

我一无所获:(

此代码:     

{{tache.start}}

显示这样的日期&#34; 2017-02-20T23:00:00.000Z&#34;

<pre>{{tache.start.getDate()}}</pre>

什么也没有显示。

我错过了什么?