在AngularJS中使用bootstrap-datetime选择器

Question

我的项目需要datetime所以我发现(Meridian Format in)bootstrap-datetimepicker看起来相当不错,但我无法使用它

我在代码中所做的就是

  <div class="control-group">
    <label class="control-label">Date</label>

    <div class="controls">
      <div class="control-group input-append date form_datetime" data-date="2012-12-21T15:25:00Z">
        <input size="16" type="text" ng-model="transaction.date" data-date-format="yyyy-mm-dd hh:ii" value="">
        <span class="add-on"><em class="icon-remove"></em></span>
        <span class="add-on"><em class="icon-th"></em></span>
      </div>
    </div>
  </div>

但是当我在我的控制器中执行console.log($ scope.transaction)时

  $scope.save = function() {
    var transaction = new Transaction();
    transaction.name = $scope.transaction['name'];
    transaction.debit = $scope.transaction['debit'];
    transaction.date = $scope.transaction['date'];
    transaction.amount = $scope.transaction['amount'];
    transaction.category = $scope.transaction['category'].uuid;
    console.log('adding', $scope.transaction);
 }

我知道了

Resource {name: "Test", debit: "False", date: undefined, amount: "12", category: "7816635c-3da1-4ccc-b8ab-c07bc3b42202"…}

日期未定义.如何将UI中选择的值与ng-model相关联？

更新
尽管使用jQuery,我可以看到它的价值

$('.form_datetime input').val()
"08 May 2013 - 08:12 AM"

谢谢

Answer 1

因为我的项目也依赖于 jQuery，所以我执行了以下操作以使其在我的控制器中工作

\n\n

transaction.date =  $(\'.form_datetime input\').val()\n

\n\n

在 console.log 上，我看到

\n\n

Resource {name: "OneMore", debit: "True", date: "2013-05-08T12:27:50", amount: "123", category: "79128f9a-74ab-4c63-b60e-4934aa367575"\xe2\x80\xa6\n

\n\n

我目前不知道有什么更好的技术，所以自己解锁，如果有人知道有角度的方法，请告诉我

\n