jQuery Плагин DateTimePicker - соответственно изменить текст заголовка

Question

Я использую плагин JQuery DateTimePicker в моем VueJs приложении. Я использовал два dateTimePickers для «от даты» и «для даты».

Мне нужно изменить текст заголовка средства выбора на «Выбрать из даты», когда пользователь выбирает «От даты», и «Выбрать до даты» 'когда пользователь выбирает To Date.

Я знаю, что могу использовать titleContentDate, чтобы изменить текст для одного. Но как я могу дать условие внутри функции?

Я пытался использовать его, как показано ниже. Но это не работает.

var self = this;
var show_txt = '';
$("#dtBox").DateTimePicker({
    beforeHide: function (oInputElement) {
        var inputName = $(oInputElement).attr('id');
        if (inputName == 'toYear') {
            show_txt = 'Select to date'
            self.form.toYear = $(oInputElement).val();
            self.form.vRequired('toYear', $(oInputElement).val())
        } else if (inputName == 'fromYear') {
            show_txt = 'Select from date'
            self.form.fromYear = $(oInputElement).val();
            self.form.vRequired('fromYear', $(oInputElement).val())
        }
    },
    titleContentDate: show_txt,
})

Если кто-то может дать решение для этого, это будет для меня большой помощью.

РЕДАКТИРОВАТЬ:

Мой указатель даты и времени выглядит как на снимке экрана ниже, и мне нужно соответствующим образом изменить 'Установить дату'.

Answer 1

$("#dtBox").DateTimePicker({  
     minDate:new Date(),
     beforeShow: function (oInputElement) {
        var inputName = $(oInputElement).attr('id');
        var titleCal = $("#"+inputName).data("namecal"); // data-namecal (titleContentDate )
        var inputNameTime = $(oInputElement).attr('id');
        var titleTim = $("#"+inputNameTime).data("nametime"); // data-nametime (titleContentTime)  
        var oDTP = this;
        oDTP.settings.titleContentDate = titleCal;
        oDTP.settings.titleContentTime = titleTim;
    }
  });