Sending value of One date picker to two textboxes deferent format

Question

I have one datepicker how can I send the value in two textboxes with deferent format? I have used this :

        <script>
            $(function () {
                $(".datepicker").datepicker({
                    showOn: "button",
                    buttonImage: "/images/calendar.gif",
                    buttonImageOnly: true,
                    buttonText: "Select Date",
                    dateFormat: "D dd/mm/yy",
                    changeMonth: true,
                    changeYear: true,
                    minDate: new Date(),
                    //maxDate: new Date()
                    onSelect: function () {
                        var copydate = $(".datepicker").datepicker('getDate');
                       $("#FDate").val(copydate);
                        
                    }
                 });
                
            });
        </script>

textbox1 which has the class datepicker working fine get me the date like this TUE 20/10/2020 but textbox2 called FDate get me very long date with extra details I want it to show only 20/10/2020 any help please? I tried to use dateformat after val or after getdate but not working.

Answer 1

The var copydate = $(".datepicker").datepicker('getDate'); returns the long date format.

You need to .formatDate() the date from the .datepicker

$(function () {
    $(".datepicker").datepicker({
        showOn: "button",
        buttonImage: "/images/calendar.gif",
        buttonImageOnly: true,
        buttonText: "Select Date",
        dateFormat: "D dd/mm/yy",
        changeMonth: true,
        changeYear: true,
        minDate: new Date(),
        //maxDate: new Date()
        onSelect: function () {
            var datetypevar = $(".datepicker").datepicker('getDate'); 
            var copydate = $.datepicker.formatDate('dd/mm/yy', datetypevar);
           $("#FDate").val(copydate);     
        }
     });
    
});