Selector de fechas estilo Android

por .

Mobi Pick es un selector de fechas (datapicker) desarrollado con jQuery Mobile, y que su aspecto visual se asemeja al componente de interfaz de Android. Este componente utiliza XDate para el manejo de fechas y Modernizer para lograr una completa compatibilidad con los distintos navegadores.

Una vez instalado y configurado Mobi Pick, el componente se visualiza de la siguiente manera:

selector de fechas estilo android

Ejemplo de instalación de Mobi Pick:

<script type="text/javascript">
$( document ).ready( function() {
	// Carga las bibliotecas en caso de ser necesario.
	yepnope({
		test: Modernizr.inputtypes.date,
		nope: [
			"external/xdate.js",
			"external/xdate.i18n.js",
			"js/mobipick.js",
			"demo/demo.js",
			"css/jqmDatePicker.css"
		]
	});

	// Ejecuta de forma nativa MobiPick
	var datepicker = $( "input[type='date']" );
		datepicker.bind( "change", function() {
		var date = $( this ).val();
	});
});
</script>

Mobi Pick se encuentra liberado bajo licencia MIT.

Este selector de fechas es una excelente alternativa a otras soluciones similares, con la ventaja de mantener una relación muy estrecha con el sistema operativo de muchas personas que navegan desde sus móviles.

Web: Mobi Pick

Categorizado en: