Как использовать функции UiHint и jQuery для нескольких входов?

Question

У меня есть модель, которая называется mymodel и включить это

public class MyModel
{
    public int id { get; set; }
    public string name{get;set;}
    [UIHint("_ViewDate")]

    public string date { get; set; }
}

Страница просмотра данных:

  @section scripts
    {

                <script src="~/Scripts/jquery-2.1.4.js" type="text/javascript"></script>
                <script src="~/Scripts/bootstrap.min.js" type="text/javascript"></script>

                <script src="~/Scripts/MdBootstrapPersianDateTimePicker/jalaali.js" type="text/javascript"></script>

                <script src="~/Scripts/MdBootstrapPersianDateTimePicker/jquery.Bootstrap-PersianDateTimePicker.js" type="text/javascript"></script>




    <script type="text/javascript">
        $('#txt').MdPersianDateTimePicker({
            Placement: 'bottom', // default is 'bottom'
            Trigger: 'focus', // default is 'focus',
            EnableTimePicker: true, // default is true,
            TargetSelector: '', // default is empty,
            GroupId: '', // default is empty,
            ToDate: false, // default is false,
            FromDate: false, // default is false,
        });
    </script>
    }

  @section head
    {
        <meta charset="utf-8" />

        <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
        <link href="~/Content/bootstrap-theme.min.css" rel="stylesheet" />
        <link href="~/Content/jquery.Bootstrap-PersianDateTimePicker.css" rel="stylesheet" />
    }

<dt>
    @Html.DisplayNameFor(model => model.date)
</dt>

<dd>
    @Html.DisplayFor(model => model.date)
</dd>
<dd>
    @Html.DisplayFor(model => model.date)

</dd>
<dd>
    @Html.DisplayFor(model => model.date)

</dd>

и _ViewDate частичное представление, которое вызывается UIHint

    <script type="text/javascript">
        $('#txt').MdPersianDateTimePicker({
            Placement: 'bottom', // default is 'bottom'
            Trigger: 'focus', // default is 'focus',
            EnableTimePicker: true, // default is true,
            TargetSelector: '', // default is empty,
            GroupId: '', // default is empty,
            ToDate: false, // default is false,
            FromDate: false, // default is false,
        });
    </script>

@model  string


<div class="form-actions">
    <input type="text" placeholder="Date..." class="text-primary" id="txt" />

</div>

Теперь проблема заключается в том, что при загрузке страницы просмотра даты мое действие выполняется только для объекта и не выполняется снова.