Как добавить полную календарную дату в динамические текстовые поля

Мои текстовые поля получают значение из календаря, хотя я использую класс, но все же даты всех текстовых полей становятся одинаковыми. Я добавляю новые строки в свой проект, и все строки содержат текстовое поле даты и времени. Я назначаю класс этому текстовому полю, когда я выбираю дату во втором текстовом поле, дата первого текстового поля также изменилась вместе с ним, и он перезаписывает его вторым и наоборот .

Ниже приведен мой код для создания новой строки: -

 $(function () {
        $('#addNewRow').click(function () {
            //$(".datepick").datetimepicker("destroy");

            $('<tr id="tablerow' + counter + '">< >' +

                                 @*<tr class="editorRow">*@
                                            $('#LineDEtail').find("#tablerow0:first").html() +
                                            @*</tr>*@

                '</>' +
                '<td style="padding-bottom:5px !important;">' +
                '<button type="button" class="btn btn-primary" onclick="removeTr(' + counter + ');" >Delete</button>' +
                '</td>' +
                '</tr>').appendTo('#submissionTable');
            //$(".datepick").datetimepicker();
            clickmeforcalender();
            counter++;
            return false;

        });
    });

Ниже приведен мой код для получения событий, которые сохраняются в календаре. В этом коде я определяю функцию для получения значения из полного календаря. У меня есть Акцент на этой части.

 $(".datepick").click(function () {
        debugger


        $('#calendar').show();
        var events = [];
        $.ajax({
            type: "GET",
            url: "/Booking/GetEvents",
            success: function (data) {
                $.each(data, function (i, a) {
                    events.push({
                        title: a.Function_Name,
                        start: a.Function_Date1,
                        url: a.Booking_ID
                        //Function_Slot:a.Function_Slot,
                        //Marquee_Name:a.Marquee_Name,
                        //Marquee_Slot: a.Marquee_Slot

                    });

                        $("#calendar").css("background-color", "WHITE");
                })

                GenerateCalender(events);
            },

            error: function (error) {
                alert('failed');
            }
        });

        ***$('#calendar').fullCalendar({
            dayClick: function (date, jsEvent, view) {
                $(".datepick").val(date.format())
            }
        });***

    });

.datepick — это имя класса моего текстового поля

Вот код текстового поля

 <td class="date col-sm-2">
    @Html.TextBoxFor(x => x.Function_Date, new { @class = "date glyphicon glyphicon-calendar datepick", @id = "", @name = "date[]", @onclick = "clickmeforcalender();" })
</td>

Ниже приведен код для GenerateCalender().

 function GenerateCalender(events) {
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'addEventButton',
            right: 'month,agendaWeek,agendaDay,listWeek',

        },
        defaultDate: new Date(),
        navLinks: true,
        editable: true,
        eventLimit: true,
        events: events,



        eventClick: function (calEvent, jsEvent, view) {
            selectedEvent = calEvent;
            //alert('Event: ' + calEvent.title);
            jsEvent.preventDefault();

            $('#myModal #eventTitle').text(calEvent.title);
            var $description = $('<div/>');
            $description.append($('<p/>').html('<b>Start:</b>' + calEvent.start.format("DD-MMM-YYYY HH:mm a")));

            $description.append($('<p/>').html('<b>Description:</b>' + calEvent.title));
            $('#myModal #pDetails').empty().html($description);

            var temp = $('#myModal').modal();


        },


    });
}

Нужна срочная помощь спасибо