Estoy trabajando en la validación DOB en AngularJS. Sin embargo, me enfrento a un problema. Cada vez que cambio el mes del menú desplegable, el menú desplegable de días no se actualizará con el primer clic en el menú desplegable. Entonces, técnicamente, primero tengo que seleccionar un número aleatorio del menú desplegable de días, solo entonces el número de días se actualizará en el segundo clic, según el mes seleccionado. La matriz de días se actualiza después de hacer clic en cualquier mes en el menú desplegable, pero no actualiza los días en el menú desplegable de días. Compartiendo este fragmento de código. ¿Algún consejo? Gracias.

 $(document).ready(function () { $('#monthOfBirth').change(function () { var e = document.getElementById('monthOfBirth'); var monthValue = e.options[e.selectedIndex].value; var monthLength = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; var setNumberOfDays = monthLength[monthValue - 1]; console.log(monthValue, setNumberOfDays); function populateDays() { const days = []; for (let i = 1; i <= setNumberOfDays; i += 1) { // if (i < 10) { days.push({ value: `0${i}`, text: `0${i}` }); } else { days.push({ value: i, text: i }); } } return days; } function populateMonths() { const months = []; for (let i = 1; i <= 12; i += 1) { if (i < 10) { months.push({ value: `0${i}`, text: `0${i}` }); } else { months.push({ value: i, text: i }); } } return months; } function populateYears() { const years = []; for (let i = 1950; i <= new Date().getFullYear(); i += 1) { years.push({ value: i, text: i }); } return years; } $scope.dayOfBirth_items = populateDays(); $scope.monthOfBirth_items = populateMonths(); $scope.yearOfBirth_items = populateYears();

}); })