jquery - formatdate - Múltiples calendarios mostrados o valor seleccionado que no se muestran correctamente

jquery datepicker events

Question

Ok, estoy usando jQuery Mobile Framework y agregando el selector de fecha experimental pero encuentro dos resultados. Siguiendo las instrucciones en la página, esto es lo que tengo hasta ahora.

Esfuerzos de código n. ° 1:

$(document).ready(function() {        
    $(''.hasDatepicker'').hide();

    $(''#date-of-birth'').each(function() {     
        $(this).focus(function() {
            $(this).next().show(''fast'');
        });

        $(this).blur(function() {               
           $(this).next().hide(''fast'');
        });
    });
});

Ahora esto muestra el calendario (como me gustaría), pero en la selección de fecha, la fecha permanece igual (es la fecha de hoy) y no la fecha seleccionada.

Esfuerzos de código n. ° 2:

$(function() {
    $(''.hasDatepicker'').hide();

    $(''#date-of-birth'').focus(function() {
        $(''.hasDatepicker'').show(''fast'');
    });

    $(''#date-of-birth'').blur(function() {
        $(''.hasDatepicker'').hide(''fast'');
    });
});

Ahora esto muestra múltiples calendarios (5 para ser exactos) apilados uno encima del otro y también si selecciono la fecha funciona como se esperaba. Pero solo quiero que se muestre un calendario.

Me gustaría combinar los dos esfuerzos de código para obtener los resultados deseados, pero nada realmente parece estar funcionando.

Aquí está el HTML

<div data-role="fieldcontain">
    <label for="date-of-birth">Date of Birth</label>
    <input type="date" name="date-of-birth" id="date-of-birth" />                
</div>

El type="date" es cómo llama al selector de fecha

¿Algun consejo?

Otros enlaces de pila que podrían arrojar algo de luz

• Enlace 1
• Enlace 2

ACTUALIZAR:

Bueno, este podría ser el problema, pero aún no hemos encontrado una solución.

Utilizo la opción de diseño de varias páginas para jQueryMobile. Para cada página, crea un selector de fechas adicional, pero las muestra apiladas entre sí y la funcionalidad no funciona correctamente.

Answer 1

Lo tengo funcionando. Hice esta pregunta: jQuery Mobile -> Ignorar jQuery UI Datepicker -> Diseño roto

Es experimental, pero funciona. No deberías usar esto

$(''.hasDatepicker'').show(''fast'');

Debería agregar para cada datepicker en un sitio un id único y luego escribir:

$ (''# uniqueId''). show (''rápido'');

Agregué los ID dentro del archivo JavaScript del datepicker.