¿cómo puedo establecer un valor máximo en mi entrada de fecha html5 para que pueda ser reconocido por safari para iOS?

Question

El título es bastante claro, supongo?

Aquí es mi entrada de fecha:

<input type="date" id="birthdate" name="birthdate" value="" max="1993-12-07" required/> 

en cromo, que no puede entrar en una fecha superior a 07/12/1993 usando las flechitas del campo (pero si escribo la fecha yo puedo).

En safari para iOS, enfocar ese campo solo trae un buen marcador de fecha. Sin embargo, este datepicker NO se limita al atributo "max". Entonces, ¿cómo puedo hacer eso? Por supuesto, tengo una validación de formulario del lado del servidor pero también quiero hacerlo en el lado del cliente. ¿Alguna idea? ¡Gracias!

Answer 1

Safari aún no lo admite aún. Solo Opera y Chrome lo admiten a partir de noviembre de 2011. De todos modos aquí está el w3spec en él http://www.w3.org/TR/html-markup/input.date.html#input.date.attrs.max

Puede usar la validación js en el envío o en el cambio. Utilice un marco de validación js de su elección

Aquí está el ejemplo de js puro http://www.roseindia.net/answers/viewqa/Ajax/4734-start-date-and-end-date-validation-in-javascript.html. Utilice su fecha máxima en lugar de la fecha de finalización

Para ver la solución jQuery en este Validate that end date is greater than start date with jQuery

Answer 2

encontrado la solución para desactivar dinámicamente fechas futuras:

@{ string datestring = DateTime.Now.ToString("yyyy-MM-dd"); } 
<input type="date" 
     required="required" 
     name="AttendanceDate" 
     max="@datestring" 
     class="form-control" />