Date value from a UI page not being passed to a date field in custom table

[Richard Dewsnup]

Good afternoon

I am trying to pass a date value from a UI page to a date field on a custom table using the below HTML (jelly) script.

            <div class="form-group">

            <label for="date_of_release">Date of Release:</label>

            <g:ui_date name="date_of_release" id="date_of_release" value="" style="width: 300px;" mandatory="false"/>

            </div>

            <br /><br />

Then when I use the below client script, I get a blank field.

    var dateofrelease = gel('date_of_release').value;

    // Set date of release to field

    gr.u_date_of_release = dateofrelease;

When I use the below script it enters an random date in the 1900 as example 17-07-0036 (1936)

    var dateofrelease = gel('date_of_release').value;

    // Set date of release to field

    gr.u_date_of_release = gel('date_of_release').value;

Any help would be greatly appreciated.

Thanks