Use of Date Picker inside a form

Hi

I have created a form to insert data in a section using the Form Generator plugin. I want to use a date picker instead of the default three boxes for month/date/year for a date field in the form. I have used the instructions I found in the forum (https://www.interactivetools.com/forum/forum-posts.php?postNum=2230132#post2230132), and the date picker correctly appears in the form. However, the value chosen does not appear in the corresponding section field when the form is submitted. 

You can see the code used underneath. The name of the date field is "examination date".

<input id="datePicker" type='text' name='examination_date' value=''  />

<script type='text/javascript'>
  $(function() {
    if ($.datepicker != undefined) {
      $('#datePicker').datepicker({
        showOn: 'button',
        buttonImage: '/logbook/3rdParty/jqueryUI/calendar.gif',
        buttonImageOnly: true,
        dateFormat: 'yy-mm-dd 00:00:00'
      });
    }
  });
</script> 

Is there anything I could do?

Regards, 

Andreas Lazaris