Можно ли динамически устанавливать свойство altField персидского указателя даты из свойства data-altFiled?

Question

Можно ли установить altField свойство персидский указатель даты из data-altFiled свойства элемента вместо того, чтобы установить его как '#elementId' или '.className'?

У меня естьдо сих пор пробовал:

@Html.HiddenFor(model => model.BirthDate, new {htmlAttributes = new { @class = "form-control" } })
<input class="pDate form-control" autocomplete="off" data-altField="BirthDate" />

$('.pDate').pDatepicker({
    observer: true,
    format: 'YYYY/MM/DD',
    initialValue: false,
    autoClose: true,
    altField: $(this).data('altField'), // this is the line that is supposed to be dynamic!
    altFieldFormatter: function (unixDate) {
         var date = new Date(unixDate);
         return date.toLocaleDateString("en-US");
    }
});

Кажется, что $(this) не относится к элементу! какие-либо предложения?

**** дополнительная информация: ** на странице есть несколько входов с классом '.pDate', каждый из которых имеет свой altfield

Answer 1

Вы можете сделать что-то вроде этого:

$('input[data-altField=Birthdate]').pDatepicker({
    observer: true,
    format: 'YYYY/MM/DD',
    initialValue: false,
    autoClose: true,
    altField: $(this).data('altField'), // this is the line that is supposed to be dynamic!
    altFieldFormatter: function (unixDate) {
         var date = new Date(unixDate);
         return date.toLocaleDateString("en-US");
    }
});

ПРИМЕР:

$("input[data-altField=somevalue]").on('keyup',function(){
$(".msg").append("<p>something typed</p>");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="someid" data-altField="somevalue">

<div class="msg"></div>