Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
goody-goody
0 / 0 / 0
Регистрация: 13.10.2015
Сообщений: 27
1

Ng-model и datetimepicker

05.01.2016, 14:25. Просмотров 386. Ответов 2
Метки нет (Все метки)

Добрый день. Такая проблема - ng-model не реагирует на выбор даты с помощью datetimepicker. При вводе вручную все работает правильно. Можно ли как-то исправить? Спасибо
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment-with-locales.min.js'></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
  </head>
  <body>   
    <div ng-app="ReportApp">
      <div ng-controller="SecondController">
        <div class="input-group date" id="datetimepicker">
            <input ng-model='date' class='form-control'>
            <span class="input-group-addon">
              <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
        <p>{{date}}</p>  
      </div>
    </div>
  </body>
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
      $(document).ready(function(){
        $('#datetimepicker').datetimepicker({
          format: 'YYYY-MM-DD',
          locale: 'uk'
        });
      })
 
      var app = angular.module('ReportApp', []);
 
      app.controller('SecondController', function($scope, $http){
        $scope.date = '';
      });
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.01.2016, 14:25
Ответы с готовыми решениями:

NVIDIA RIVA TNT2 Model 64/Model 64 Pro (Microsoft Corporation)
Нашел несколько вот таких древностей NVIDIA RIVA TNT2 Model 64/Model 64 Pro (Microsoft...

Смена даты в datetimepicker при смене времени в другом поле datetimepicker
есть два поля date time picker, одно для изменения времени второе для изменения даты... нужно при...

Как сложить поля dbedit и datetimepicker и результат записался в другой datetimepicker
procedure Tpods4et.DateTimePicker1Change(Sender: TObject); var d:string; a:integer; begin...

Из Datetimepicker пытаюсь вычесть Datetimepicker и получит количество дней
В общем проблема такая, пытаюсь вычесть из Datetimepicker2-Datetimepicker1, но разница в днях...

Из model small в model tiny
Доброго времени суток . Помогите переделать программу из model small в tiny при помощи функций 3Fh...

2
mixenik
Все элементарное - сложно
133 / 118 / 50
Регистрация: 14.04.2014
Сообщений: 509
06.01.2016, 08:13 2
Не мучайтесь с jquery datepicker. Используйте библиотеку angular-strap. Там есть хороший datepicker, у которого нет бага с перекрыванием

Добавлено через 1 минуту
А вообще скорее всего там есть метод onChange, переопределив который, можно изменять модель
1
goody-goody
0 / 0 / 0
Регистрация: 13.10.2015
Сообщений: 27
06.01.2016, 11:07  [ТС] 3
mixenik, спасибо большое
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.01.2016, 11:07

Кофемашина KRUPS Model:PDB1450 1111MM Ref:EA8260PE/70C-0112-R, Кофемашина KRUPS Model:PDB1450 Ошибка 06
Добрый день Пришла кофемашина KRUPS Model:PDB1450 1111MM Ref:EA8260PE/70C-0112-R С ошибкой 06.При...

ER Model
Здравствуйте! Подскажите пожалуйста подходящую программу, которая построит ER модель для БД...

Ng-model+
Добрый день, возник вопросик связанные с angular'ом и jquery, не знал в какой раздел правильнее...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru