Показывать даты с текущего дня до конца недели

<div class = "panel panel-default">
    <div class = "panel-heading">Pick up
        <span class = "pull-right" ng-value = "month">{{month.m}} - {{month.y}}</span>
    </div>
    <div class = "panel-body">
        <label class = "control-label selectShiftLable">Select Shift For Each Date</label>
        <div class = "pull-right">
            <span style = "color:green;" class = "glyphicon glyphicon-check"></span>&nbsp Accepted Shifts &nbsp
            <span style = "color:orange;" class = "glyphicon glyphicon-edit"></span>&nbsp Under Review &nbsp
            <span style = "color:red;" class = "glyphicon glyphicon-random"></span>&nbsp Modified Shifts &nbsp
        </div>
        <div ng-repeat = "(key, value)  in pickupdata">
            <div class = "col-xs-2 form-group">
                <div class = "input-group">
                    <div class = "input-group-addon" style = " font-size:13px;width: 47%;" ng-value = "daysArray">{{($index+1)}}-{{daysArray[$index]}}
                        <a href = "#" id = "show-option" title = "Shift was approved by Team Lead">
                            <span ng-if = "acceptedpickupdata[$index+1]" style = "color:green;" class = "glyphicon glyphicon-check"></span>
                        </a>
                        <a href = "#" id = "show-option" title = "Shift is under Review by Team Lead">
                            <span ng-if = "underreviewpickupdata[$index+1]" style = "color:orange;" class = "glyphicon glyphicon-edit"></span>
                        </a>
                        <a href = "#" id = "show-option" title = "Shift has been modified by the Team Lead">
                            <span ng-if = "modifiedpickupdata[$index+1]" style = "color:red;" class = "glyphicon glyphicon-random"></span>
                        </a>
                    </div>
                    <select class = "form-control " style = "font-size:10px;display: inline;padding:0px" ng-options = "shift.code as shift.name for shift in shiftList"
                        ng-model = "pickupdata[$index+1]" ng-disabled = "blockedPickupList[$index+1]">
                        <option value = "">
                            Select Shift
                        </option>
                    </select>

                    <!--<input type = "text" class = "form-control" id = "exampleInputAmount" placeholder = "Amount">-->
                </div>
            </div>
        </div>
    </div>
</div>

Мой пользовательский интерфейс выглядит так https://i.imgur.com/G9SKazD.png

Теперь предположим, что у меня есть две радиокнопки еженедельно и ежемесячно, когда пользователь нажимает на еженедельно, тогда мне нужно показывать только дни с текущего дня до воскресенья, и если это ежемесячно, тогда он будет выглядеть так, как сейчас в пользовательском интерфейсе, то есть все дни с текущего день до конца месяца на самом деле я новичок в angular!

Вы можете показать нам свои усилия? как в том, что вы пробовали до сих пор? Лучше создайте plunkr и поделитесь URL-адресом, чтобы получить рабочее решение

Shashank Vivek 21.08.2018 08:43

@ShashankVivek stackblitz.io лучше подходит для вопросов, связанных с Angular

user4676340 21.08.2018 08:51

Поскольку вы новичок в angular, почему вы используете angular 1? В любом случае, вы можете сделать это с помощью фильтров, не затрагивая исходные данные.

Jameel 21.08.2018 08:52

@trichetriche Я согласен, но plunkr тоже хорош для angularjs, но плох для angular

Shashank Vivek 21.08.2018 08:53

@ShashankVivek у меня плохо, вопрос ошибся!

user4676340 21.08.2018 08:54
Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?
Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?
Директивы позволяют расширять HTML новыми элементами и атрибутами и даже создавать собственные структурные директивы для манипулирования DOM. С...
Разница между Angular и React
Разница между Angular и React
React и AngularJS - это два самых популярных фреймворка для веб-разработки. Оба фреймворка имеют свои уникальные особенности и преимущества, которые...
0
5
50
0

Другие вопросы по теме