Как получить выпадающий месяц и установить значение по умолчанию в качестве текущего месяца (также в году) в угловых JS?

Question

У меня есть два выпадающих месяца и года.У выпадающего года есть 10 вариантов от 2105-2025.При открытии HTML-страницы, как я могу установить значение по умолчанию текущего года и текущей даты?

Например, сегодня май 2019 года. Итак, на сегодня я могу поставить значения vm.Search.Month = 3; и vm.Search.Year=2019;, но, делая это, мне нужно менять значения vm.Search.Month и vm.Search.Year каждый месяц и год.,Как я могу установить значение по умолчанию, чтобы мне не нужно было менять его значение ??

// это выпадающее меню для даты

vm.monthList = [
    { Value: 1, Text: 'Jan' },
    { Value: 2, Text: 'Feb' },
    { Value: 3, Text: 'Mar' },
    { Value: 4, Text: 'Apr' },
    { Value: 5, Text: 'May' },
    { Value: 6, Text: 'June' },
    { Value: 7, Text: 'July' },
    { Value: 8, Text: 'Aug' },
    { Value: 9, Text: 'Sep' },
    { Value: 10, Text: 'Oct' },
    { Value: 11, Text: 'Nov' },
    { Value: 12, Text: 'Dec' }
];

// Аналогично этовыпадающий для года в угловых JS

vm.yearList = [
    { Value: 2015, Text: '2015' },
    { Value: 2016, Text: '2016' },
    { Value: 2017, Text: '2017' },
    { Value: 2018, Text: '2018' },
    { Value: 2019, Text: '2019' },
    { Value: 2020, Text: '2020' },
    { Value: 2021, Text: '2021' },
    { Value: 2022, Text: '2022' },
    { Value: 2023, Text: '2023' },
    { Value: 2024, Text: '2024' },
    { Value: 2025, Text: '2025' }
];

// мой HTML для года и месяца

<div class="col-sm-4">
    <div class="clearfix">
        <md-input-container class="block">
            <div class="col-xs-5 pad-0">
                <label class="md-no-float md-container-ignore ">
                  Year
                </label>
            </div>
            <div class="col-xs-7 pad-col-7">
                <div class="form-group" id="helpblockforrequired">
                    <md-select class="md-no-asterisk"
                               ng-model="vm.Search.Year" name="Year"
                               ng-change="onContractTypeChange()"
                               id="Year" required>
                        <md-option ng-value="dateYear.Value"
                                   ng-repeat="dateYear in vm.yearList">
                          {{dateYear.Text}}
                        </md-option>
                    </md-select>
                </div>
            </div>
        </md-input-container>
    </div>
</div>

// html для месяца DropDown

<div class="clearfix">
    <md-input-container class="block">
        <div class="col-xs-5 pad-0">
            <label class="md-no-float md-container-ignore">Month</label>
        </div>
        <div class="col-xs-7 pad-col-7">
            <md-select class="md-no-asterisk"
                       ng-model="vm.Search.Month" name="Month"
                       ng-change="onContractTypeChange()"
                       id="Month" required>
                <md-option ng-value="dateMonth.Value"
                           ng-repeat="dateMonth in vm.monthList">
                  {{dateMonth.Text}}
                </md-option>
            </md-select>
        </div>
    </md-input-container>
</div>

Answer 1

Вы можете сделать:

vm.Search.Year = new Date().getFullYear();
vm.Search.Month = new Date().getMonth() + 1;

Примечание : getMonth() - это метод, который возвращает текущий месяц, но январь = 0.