Estoy trabajando con Materialize 1.0.0 y ayer formule una pregunta de cómo separar el datepicker en 3 campos select, la cual me dieron solución.

Actualmente tengo otro problema que no logro solucionar o no tengo los conocimientos suficientes.

Necesito que la fecha que quede en el datepicker se conserve porque los 3 campos SELECT estarán ocultos.

También hay un backend ya construido en VB.NET que hace un CRUD y cuando guarda se lleva es lo 3 valores de los 3 selects. 

hay alguna forma de que pueda conservar la misma fecha en el mismo campo.

Dejo el código

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html lang="es">

    <head>
        <title>Dirección</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <!-- Compiled and minified CSS -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
        <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
            crossorigin="anonymous"></script>


    </head>

    <body>
        <div class="container">
            <div class="row">
                <!-- AÑO-->
                <div class="input-field col s4">
                    <select id="anio"></select>
                    <label>Año</label>
                </div>
                <!-- MES -->
                <div class="input-field col s4">
                    <select id="mes"></select>
                    <label>Mes</label>
                </div>
                <!-- DIÁ -->
                <div class="input-field col s4">
                    <select id="dia"></select>
                    <label>Diá</label>
                </div>
            </div>
            <div class="fecha">
                <input type="text" class="datepicker" id="fecha" placeholder="fecha completa">
            </div>
        </div>


        <!-- Compiled and minified JavaScript -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

        <script>
            M.AutoInit();
        </script>

        <script>
            $('#fecha').on('change', function () {
                var Fecha = $('#fecha').val();
                var FechaNueva = new Date(Fecha)
                $('#anio').append(new Option(FechaNueva.getFullYear(), FechaNueva.getFullYear())).val(FechaNueva.getFullYear());
                $('#mes').append(new Option(FechaNueva.getMonth() + 1, FechaNueva.getMonth() + 1)).val(FechaNueva.getMonth() + 1);
                $('#dia').append(new Option(FechaNueva.getDate(), FechaNueva.getDate())).val(FechaNueva.getDate());
                $('select').formSelect();
            })


            let mostrando = document.getElementById('fecha').value;
            document.getElementById('fecha').innerHTML = mostrando;
        </script>
    </body>

    </html>

<!-- end snippet -->

Ya he intentato usando innerHTML para asignar un valor pero no se conserva.

Cualquier aporte me ayudara mucho.