2017-08-25 19 views
0

嗯,我有一個簡單的表單添加數據,但我有問題的日期,當我進入添加或選擇日期但日期總是導致undefined,但我重新加載頁面和工作,老實說,這是我最奇怪的事情。對於選擇我用bootstrap-datepicker接收數據格式html中的角度undefined

<link rel="stylesheet" href="../../../assets/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css"> 
<script src="../../../assets/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script> 
<script src="../../../assets/bootstrap-datepicker/dist/locales/bootstrap-datepicker.es.min.js"></script> 

<div class="form-group"> 
    <label class="col-sm-1 control-label"> 
     Fecha Control: 
    </label> 
    <div class="col-sm-4"> 
     <input class="form-control" type="text" placeholder="DD/MM/YYYY" id="date_food" name="date_food" ng-model="date_food"> 
    </div> 
    <script type="text/javascript"> 
     $(function() { 
      $('#date_food').datepicker({ 
       format: 'dd/mm/yyyy', 
       language: "es", 
       todayHighlight: true, 
       autoclose: true 
      }); 
     }); 
    </script> 
</div> 

按鈕添加

<button ng-click="addExtraDining()" class="btn btn-lg btn-primary"> 
    Agregar comida extra 
</button> 

和功能

$scope.addExtraDining = function() { 
      console.log(document.getElementsByName("date_food").value); //undefined 
      console.log($scope.date_food); //undefined 
} 

回答

0

getElementsByName()給出了一個節點列表的收集日期。因此,你需要通過指數來獲得與此類似的元素

document.getElementsByName("date_food")[0].value 

由於date_food是DOM元素的id,你可以使用document.getElementById('date_food')

你可以注意到兩個文本getElementsByName & getElementById之間的差異。在一旦它是元件其中在其他情況下它是元件