Datepicker getData Angular + Firebase

时间:2014-11-28 23:02:01

标签: javascript angularjs firebase angularfire

我在将datepicker输入框中的数据导入数据库时​​遇到问题。

我有一张表格

<form name="myForm">

 <div>

    <input type="text" name="todoNameField" ng-model="todoName" placeholder="wat do" required ng-minlength="1" class="form-control"
            ng-keyup="($event.keyCode == 13 && todoName.length > 0) ? addItem() : return" style="width: 50%; margin-bottom: 10px"/>

    <h4>Deadline?</h4>
    <div class="row">
    <div class="col-md-6">
        <p class="input-group">
          <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="minDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
          <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
          </span>
        </p>
    </div>
    </div>

     <button ng-click="addItem()" ng-hide="myForm.todoNameField.$invalid" class="btn btn-primary" type="button">Save</button>
 </div>

 </form>

具有处理添加新项目的功能的控制器

$scope.addItem  = function () {

    // Create a unique ID
    var timestamp = new Date().valueOf();

    // Get the Firebase reference of the item
    var itemRef = new Firebase(FIREBASE_URL + timestamp);

    $firebase(itemRef).$set({
        id: timestamp,
        name : $scope.todoName,
        dt : $scope.dt, // <<< date
        completed: false
    });

    $scope.todoName = "";
    $scope.dt = "";

}

如果我删除dt:$ scope.dt一切都存储得很好,以后使用它没有问题,但是当我尝试存储日期时它不能正常工作。它甚至没有在数据库中添加dt:甚至没有空。

在添加datepicker的值时,我是否遗漏了一些东西?我以为我可以像输入&#34; todoName&#34;那样抓住它,但它似乎没有工作。

0 个答案:

没有答案