Lo que sucede es que los
<input> que utilizas son de tipo
date. Dicho tipo de elemento muestra un calendario y fecha sin la necesidad de recurrir al
widget datepicker de jQuery, pero mostrando la fecha en el formato
año-mes-día.
El uso del
widget datepicker de jQuery se recomienda para casos en los que el sitio o aplicación web fuera a ser utilizado en navegadores que no den soporte a elementos como el
<input> de tipo
date, o bien para usarlo en otro tipo de elementos, como un
<div>, e incluso para hacer uso de
sus múltiples configuraciones. No obstante, si lo que deseas es tener una caja de texto que muestre un calendario y fecha, con el
<input> de tipo
date es suficiente dado que la mayoría de navegadores modernos dan soporte al estándar HTML5, que es en donde se contempla ese tipo de elemento de entrada.
Por otra parte, tu problema se puede resolver fácilmente dándole formato a la fecha recibida. Por ejemplo, podrías utilizar la función
explode() para separar los datos de la fecha a partir de los guiones; luego, con la función
array_reverse() puedes invertir el orden de
año-mes-día a
día/mes/año; enseguida, con la función
implode() unir todos los elementos mediante un caracter de unión, como el
slash o barra diagonal
/; y, finalmente, mostrarlo.
Si tienes dudas acerca de los elementos o funciones mencionadas, he adjuntado enlaces hacia las indicaciones de los respectivos manuales de cada uno (son las palabras resaltadas en color anaranjado).
NOTA: Estás usando el mismo nombre, "fecha", para las dos cajas de texto. Te sugiero utilizar nombres distintos, como "desde" y "hasta", y recogerlos mediante dichos nombres en el archivo PHP y así evitar recibir solo una de las dos fechas seleccionadas.
