2015-01-30 4 views
1

Может быть, на этот вопрос задано много времени, но я попрошу еще раз. Я ищу чистую подборку времени angularjs без jquery и bootstarp. Он должен реагировать, поскольку я собираюсь использовать для мобильного приложения в ионной структуре.angularjs отзывчивый datepicker

Должна быть установлена ​​максимальная и минимальная дата и более 1 раз.

HTML View

<div class="row"> 
     <div class="item-text-wrap item col col-50"> 
      <div class="item-icon-left"> 
       <i class="icon ion-calendar"></i> 
       <input type="text" class="dateClass" pick-a-date="depDate" pick-a-date-options="depOptions" placeholder="Departure Date" /> 
      </div> 
     </div> 
     <div class="item-text-wrap item col col-50"> 
      <div class="item-icon-left"> 
       <i class="icon ion-calendar"></i> 
       <input type="text" class="dateClass" pick-a-date="arrDate" placeholder="Arrival Date" /> 
      </div> 
     </div> 
    </div> 

Controller Code

var minDate = new Date(); 
     var maxDate = new Date(minDate.getFullYear() + 1, minDate.getMonth(), minDate.getDate()); 
     $scope.depOptions = { 
      format: 'dd/mm/yyyy', 
      min: minDate, 
      max: maxDate, 
      onClose: function(e) { 
      alert($scope.depDate); 
      } 
     } 

Теперь, если вы видите, что я использовал $scope.depDate в onClose метод, но я всегда получаю не определено. На самом деле я пытаюсь сделать min date для второй директивы, чтобы быть выбранной датой первой директивы.

+0

Вы ищете подборщик выбора стиля всплывающего календаря или простой набор избранных списков за месяц/день/год? –

+0

popup kind just date (не нужно времени) – Milind

+0

Я проверил ваш код и, похоже, работает, вы можете попробовать это и посмотреть, есть ли у него такая же проблема, что и у вас? Когда я нажимаю на первое текстовое поле, я получаю выбор даты. Когда я выбираю дату, в окне предупреждения отображается выбранная дата. http://plnkr.co/edit/Alk40aESETsrJBKLrsfu?p=preview –

ответ

1

Это выглядит многообещающим, кажется, не требует JQuery или самозагрузки:

https://github.com/alongubkin/angular-datepicker

+0

Я не могу получить значение даты в контроллере. что может быть проблема !!!! – Milind

+0

Я не могу заставить эту работу работать в модальном режиме, в конце концов, с типом ввода html5 «date». –

5

У меня есть создать компонент с ionic-datepicker Бауэр. Вы можете использовать его. Никаких дополнительных зависимостей не требуется. https://github.com/rajeshwarpatlolla/ionic-datepicker

Вы также можете ознакомиться с компонентом bower ionic-timepicker. Никаких дополнительных зависимостей не требуется. https://github.com/rajeshwarpatlolla/ionic-timepicker

+1

Спасибо за хороший контроль. Но когда я строю apk из ионного сборочного андроида. Выбор даты не так выпадающий, и таймер также не работает должным образом. Можете ли вы помочь мне решить это? –

+1

Есть несколько классов CSS, которые я добавил. Вы можете использовать их и соответственно переопределить. – Rajeshwar

+0

@Rajeshwar Могу ли я использовать ваш выбор даты только для выбора года? Я уже использовал ваш выбор даты. Но, я хочу сборщика год также для моего проекта. Пожалуйста, помогите мне, если это возможно. – SANAT

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