jQuery DateTimePicker插件-相应地更改标题文本

Question

我正在VueJs应用程序中使用JQuery DateTimePicker插件。我已经使用了两个dateTimePickers作为'from date'和'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,
})
[如果有人可以提供解决方案，对我来说将是很大的帮助。

编辑：

我的日期时间选择器看起来像下面的屏幕截图，我需要相应地更改“设置日期”。

我正在VueJs应用程序中使用JQuery DateTimePicker插件。我已经使用了两个dateTimePickers作为'from date'和'to date'。我需要将选择器的标题文本更改为“从日期选择” ...

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;
    }
  });