angularjs响应日期选择器

Question

可能是这个问题被问了很多时间,但我会再问一次.我正在寻找没有jquery和bootstarp的纯angularjs日期选择器.它应该响应,因为我将在离子框架中用于移动应用程序.

它应该使用最大和最小日期设置和超过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方法中使用但我总是未定义.实际上我正在尝试将第二个指令的最小日期作为第一个指令的选定日期.

Answer 1

我已经创建了一个ionic-datepicker凉亭组件.你可以使用它.不需要其他依赖项. https://github.com/rajeshwarpatlolla/ionic-datepicker

你甚至可以看看ionic-timepicker凉亭组件.不需要其他依赖项. https://github.com/rajeshwarpatlolla/ionic-timepicker