Невозможно получить дату из средства выбора даты, используя ng-model и ng-click

0

Я просто пытаюсь создать одно небольшое веб-приложение, в котором пользователь может загружать значения из базы данных в определенный временной диапазон. Мой 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);
  };
});

Я собираюсь собрать и поле даты, а затем использовать их в БД для извлечения данных.

  • 0
    Следует использовать библиотеку jquery-ui, а затем указать идентификатор для поля ввода, а затем сделать это в js-файле $ ('# yourid'). Datepicker ();
Теги:
datepicker

1 ответ

0
<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/

  • 0
    Мммм ..... Я хочу сделать это угловым путем. То, что вы предлагаете, это способ jquery. Не так ли?
  • 0
    да, так что вы можете посмотреть на material.angularjs.org/latest/demo/datepicker ... Это угловой способ

Ещё вопросы

Сообщество Overcoder
Наверх
Меню