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:
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
