Я просто пытаюсь создать одно небольшое веб-приложение, в котором пользователь может загружать значения из базы данных в определенный временной диапазон. Мой html
код выглядит следующим образом:
<div class="container">
<div class='col-md-5'>
Start Date:
<div class="form-group">
<div class='input-group date' id='datetimepicker6'>
<input type='text' ng-model="queryDate.start" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<div class='col-md-5'>
End Date:
<div class="form-group">
<div class='input-group date' id='datetimepicker7'>
<input type='text' ng-model="queryDate.end" class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<div class='col-md-5'>
Service Name:
<select id="serviceName" style="font-size: 15px;padding: 5px;width: 300px" >
<option></option>
<option ng-repeat="webService in webServices">{{ webService.fields.service }}</option>
</select>
</div>
<div class='col-md-6'>
<button type="button" id="download" ng-click="download(queryDate)" class="btn btn-theme" style="float: right">Download</button>
</div>
</div>
Я пытаюсь собрать дату начала и дату окончания в ng-model
ng-model="queryDate.start"
ng-model="queryDate.end"
Хотя его тихий легко собрать данные из ng-модели, как мы можем видеть в http://docs.angularjs.org/guide/forms.
Мой mainApp.js
приведен ниже
var mainApp = angular.module("mainApp",[]);
mainApp.controller("serviceController",function($scope,$http){
$http.get("/fetchData/").success(function(response){
$scope.webServices = response;
});
//--------- I get alert "Hola" but the next alert says "undefined" ---------
$scope.download = function(queryDate){
alert('Hola');
alert(queryDate);
};
});
Я собираюсь собрать и поле даты, а затем использовать их в БД для извлечения данных.
<div class='input-group date' >
<input type='text' ng-model="queryDate.start" id='datetimepicker6'class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
В вашем JS файле сделайте это $ ('# datetimepicker6'). Datepicker();
Вы должны использовать пользовательскую библиотеку jquery-ui для datepicker()
например, см. https://jqueryui.com/datepicker/