Año Máximo en la Fecha de Caducidad de la Tarjeta de Crédito

Agregaría dinámicamente +15-20 años al año de la fecha actual O proporcionaría una entrada de cuadro de texto para el año (que personalmente encuentro más rápido para escribir los dos dígitos que para desplazarse por una lista de años).

Como límite superior teórico, propongo que no es necesario considerar más de la vida útil esperada del titular de la tarjeta. Wikipedia hace esto en sus estándares editoriales para biografías de personas vivas :

Cualquier individuo nacido hace menos de 115 años está cubierto por esta póliza a menos que una fuente confiable haya confirmado la muerte del individuo. Las personas mayores de 115 años se presumen muertas a menos que figuren en la lista de personas mayores.

Así que, en tu código, busca el año en curso, agregue 115, y use eso como su límite superior teórico a la fecha de vencimiento de la tarjeta de crédito. No tendrás que volver a tocar ese código.

Buena decisión, @Alistair.

Aquí está la generación del mes y del año en ASP.NET MVC. Añade esto a tu viewmodel:

public IList<SelectListItem> Months = new List<SelectListItem>() { 
    new SelectListItem() { Text="Jan", Value="01" },
    new SelectListItem() { Text="Feb", Value="02" },
    new SelectListItem() { Text="Mar", Value="03" },
    new SelectListItem() { Text="Apr", Value="04" },
    new SelectListItem() { Text="May", Value="05" },
    new SelectListItem() { Text="Jun", Value="06" },
    new SelectListItem() { Text="Jul", Value="07" },
    new SelectListItem() { Text="Aug", Value="08" },
    new SelectListItem() { Text="Sep", Value="09" },
    new SelectListItem() { Text="Oct", Value="10" },
    new SelectListItem() { Text="Nov", Value="11" },
    new SelectListItem() { Text="Dec", Value="12" },
};
public IEnumerable<SelectListItem> Years
{
    get
    {
        return new SelectList(Enumerable.Range(DateTime.Today.Year, 15));
    }
}

Y esto a su punto de vista:

<fieldset>
    <legend>Card expiration</legend>
    <div style="float: left;">
        <div class="editor-label">
            @Html.LabelFor(model => model.ExpirationMonth)
        </div>
        <div class="editor-field">
            @Html.DropDownListFor(model => model.ExpirationMonth, Model.Months)
            @Html.ValidationMessageFor(model => model.ExpirationMonth)
        </div>
    </div>
    <div style="float: left;">

        <div class="editor-label">
            @Html.LabelFor(model => model.ExpirationYear)
        </div>
        <div class="editor-field">
            @Html.DropDownListFor(model => model.ExpirationYear, Model.Years)
            @Html.ValidationMessageFor(model => model.ExpirationYear)
        </div>
    </div>
</fieldset>

Aquí hay un fragmento de código Javascript que puede usar para mostrar una lista personalizable de los próximos años para la validación CC:

    var yearsToShow = 20;
    var thisYear = (new Date()).getFullYear();
    for (var y = thisYear; y < thisYear + yearsToShow; y++) {
      var yearOption = document.createElement("option");
      yearOption.value = y;
      yearOption.text = y;
      document.getElementById("expYear").appendChild(yearOption);
    }

          <label for="expiration">Expiration Date</label>
          <span id="expiration">
            <select id="expMonth" name="expMonth">
              <option disabled="true">Month</option>
              <option value="1">Jan</option>
              <option value="2">Feb</option>
              <option value="3">Mar</option>
              <option value="4">Apr</option>
              <option value="5">May</option>
              <option value="6">Jun</option>
              <option value="7">Jul</option>
              <option value="8">Aug</option>
              <option value="9">Sep</option>
              <option value="10">Oct</option>
              <option value="11">Nov</option>
              <option value="12">Dec</option>
            </select>
            <select id="expYear" name="expYear">
            </select>
          </span>

Mientras que el segundo ejemplo se ejecuta dos veces más rápido que el primero, todavía está obteniendo la fecha y extrayendo el año de ella 20 veces en lugar de 40 veces. Un mejor desenrollamiento del bucle es:

$StartDate=date('Y');
$EndDate=$StartDate+21;
for($i=$StartDate;$i<$EndDate;$i++){
    echo "<option value='".$i."'>".substr($i,2)."</option>\n";

Eso será aproximadamente 20 veces más rápido que el ejemplo dos veces más rápido y también soluciona un error menor en el código original en el que el año podría cambiar de una búsqueda de la fecha a la siguiente que conduce a resultados inesperados, aunque en este caso inofensivos.

<?php 
$y = gmdate("Y");
$x = 20;
$max = ($y + $x);
while ($y <= $max) {
echo "<option value='$y'>$y</option>";
$y = $y + 1;
}
?>

Si desea una solución que no produzca años de tres dígitos 2100+, debe modulo la fecha, en consecuencia, debe llenar con cero inicial para xx00-xx09 años para no obtener años de un solo dígito.

Esto será muy importante a partir de 2080.

<?php
    for($i=0;$i<=20;$i++){
        $aktDate = sprintf("%02d", ((date('y')+$i)%100));
        echo "<option value=\"{$aktDate}\">{$aktDate}</option>\n";
    }
?>

Después de leer la validez superior del OP de 20 años para Amazon, escribí esta solución simple en PHP:

<select name='Expiry-Year'>
    <option value="">yy</option>
    <?php
    for($i=0;$i<21;$i++){
        echo "<option value='".(date('Y')+$i)."'>".(date('y')+$i)."</option>\n";
    }
    ?>
</select>

Esto ha reducido en gran medida el número de estas solicitudes de año nuevo para eliminar last year de un formulario.

Una versión más sencilla del bucle se ejecuta ~dos veces más rápido:

<select name='Expiry-Year'>
    <option value="">yy</option>
    <?php
    for($i=date('Y');$i<date('Y')+21;$i++){
        echo "<option value='".$i."'>".substr($i,2)."</option>\n";
    }
    ?>
</select>

<script type="text/javascript">
  var select = $(".card-expiry-year"),
  year = new Date().getFullYear();

  for (var i = 0; i < 20; i++) {
      select.append($("<option value='"+(i + year)+"' "+(i === 0 ? "selected" : "")+">"+(i + year)+"</option>"))
  }
</script>