<input type="text" id="datepicker_1">
<input type="text" id="datepicker_2">
....................................
$( "#datepicker_1" ).datepicker(...);
$( "#datepicker_2" ).datepicker(...);
<script>
var wrapper = $( ".file_upload" ),
inp = wrapper.find( "input" ),
btn = wrapper.find( "button" ),
lbl = wrapper.find( "div" );
btn.focus(function(){
inp.focus()
});
btn.add( lbl ).click(function(){
inp.click();
});
var file_api = ( window.File && window.FileReader && window.FileList && window.Blob ) ? true : false;
inp.change(function(){
var file_name;
if( file_api && inp[ 0 ].files[ 0 ] )
file_name = inp[ 0 ].files[ 0 ].name;
else
file_name = inp.val().replace( "C:\\fakepath\\", '' );
if( ! file_name.length )
return;
btn.text(file_name);
}).change();
</script>