2013-05-21 3 views
0

Я начал изучать angularjs не так много времени назад. И я собираюсь написать какое-то приложение формы. Дело в том, что когда я пытаюсь вывести значение по умолчанию из select и некоторого datepicker (полученное из twitter bootstrap) в таблицу, оно не появляется, когда страница загружается. Кроме того, когда я меняю дату на datepicker, она по-прежнему не отображается в таблице, но если я меняю опции выбора, она появляется. Итак, как я могу это исправить? Мне нужно вывести значение datepicker, когда я меняю его + выходные значения по умолчанию при загрузке страницы. Вот DateTimePickerAngularjs/javascript ng-model

<label> <b> * Date and Time of Incident: </b> </label> 
<div id="datetimepicker" class="input-append date"> 
<input type="datetime" ng-model="date" name="date" required></input> 
<span class="add-on"> 
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i> 
</span> 
</div> 

Вот случайный вход:

<label> <b> * Reported By: </b> </label> <input type="text" name="report" ng- model="report" required/> 

Когда я использую: {{отчет}} - это показывает, что я был введен, но если я использую {{дата}} это ничего не показывает, только если я пишу что-то вручную, но я хочу отключить это поле для пользователей, чтобы он мог выбирать только даты \ время.

+0

Можете ли вы дать нам больше кода? У вас есть контроллер и прицел? – Nacho

+0

Я даже не использовал контроллер и область действия, действительно ли это необходимо? Я могу дать весь мой html, если вы хотите, но он большой. –

+0

http://jsfiddle.net/NKyps/2/ Вот мой код. Я не мог добавить datepicker там, но я думаю, что если вы можете помочь мне с последними 3 входами, которые зависят от Well-select, я пойму, что случилось с datepicker. Вопрос в том, почему при загрузке нет параметров по умолчанию, и почему я не вижу их, когда я использую их идентификатор ng-model, работает для других входов. Спасибо за помощь. –

ответ

0

Вы можете проверить это: https://github.com/angular-ui/ui-date. Это датапикер, написанный как угловая директива. Здесь вы найдете множество полезных угловых utils, модулей и директив: http://angular-ui.github.io/.

+0

вещь в том, что мне нужно точно DateTimepicker = (+ я использовал Twitter bootstrap 4 design. –

+1

bootstrap версия в настоящее время 2, третий будет через пару недель (по состоянию на июль 2013 года). Не знаете, как вы можете использовать bootstrap 4 ? – Rudy

0

Хорошо. Я думаю, проблема в том, что Угловая не знает об этом изменении. Для этого вы должны вызвать $ scope. $ Digest() или внести изменение внутри $ scope. $ Apply (function() {$() ...}); Но для этого вам нужен контроллер.

Here are an example

Или вы можете использовать "" календарь официально для углового: https://github.com/angular-ui/ui-calendar

Ура!

Смежные вопросы