如何将单独的类添加到两个单独的动态日期选择器？

Question

基本上是这样的：

我尝试选择#fromDate 和#toDate 来处理日期选择器。这不起作用，尽管它与 datepicker 被声明为一个类的元素相同。

我想做的是：

我希望能够为名为“.datepicker-title”的动态生成的日期选择器类添加一个标题。但是，我在过去四个半小时内所做的任何变化都只能在控制台中使用。我也尝试过原始文件，但它没有出现。

我也试过这个方法：

$('.datepicker').datepicker({
    title: 'From'
})

但此方法的作用是将标题应用到 both 的日期选择器，而不是第一个输入。当我说我在选择器中包含“#fromDate”和“#toDate”时，请不要误会，但正如我之前提到的，这种方法不起作用。

我在下面指定了两个单独的输入字段。

    <div class="col-sm-3 pink-inputs">
            <label>From</label>
            <input id="fromDate" class="datepicker hidden-xs" type="text" placeholder="mm/dd/yy" data-bind="value: From" />
            <span class="fa fa-angle-down icon"></span>
        </div>
        <div class="col-sm-3 pink-inputs">
            <label>To</label>
            <input id="toDate" class="datepicker hidden-xs" type="text" placeholder="mm/dd/yy" data-bind="value: To" />
            <span class="fa fa-angle-down icon"></span>
        </div>

我正在使用 bootstrap 3.0 和一个 bootstrap-datepicker 插件。

“.pink-inputs”类用于设置输入的样式，并且没有附加任何内容。

下面是我目前使用的 jQuery。

     $('.datepicker').datepicker({
            format: "mm/dd/yy",
            maxViewMode: 2,
            todayBtn: "linked",
            orientation: "bottom left",
            autoclose: true,
            startDate: '@ViewBag.MinimumStartDate'
        });

    $('.datepicker').datepicker({
        beforeShowMonth: function(){
            if($('input').attr('id') == 'fromDate'){
                title: 'From'
            }
        }
    });

我查看了其他类似的问题，例如“如何将类添加到特定日期选择器？”、“如何将特定类添加到动态日期选择器？”。不幸的是，这些解决方案对我没有帮助。我已经尝试了几个，都包括变体，例如：

    $('.datepicker').datepicker({}).addClass();
    $('.datepicker').datepicker({}).append();
    $('.datepicker').datepicker({}).addClass().append().appendTo();

我还尝试过各种变体的 beforeShowMonth、Day、Year 等。

附注：

日期选择器动态生成的代码：

<div style="top: 320.017px; left: 584.517px; display: block;" class="datepicker datepicker-dropdown dropdown-menu datepicker-orient-left datepicker-orient-bottom">
<table>
   <thead>
     <tr>
       <th class="datepicker-title" style="display:none;" colspan="7"></th></tr>
       <tr>...</tr>
   </thead>
</table>
</div>

如果标题没有在日期选择器中初始化，例如：

$('.datepicker').datepicker({
   title: 'From'
});

它会导致（来自 bootstrap-datepicker.js 本身）显示：无；在 HTML 中生成日期选择器时。

Answer 1

这对你不起作用？

 $(".datepicker-title").each(function(i){
        $(this).addClass("style" + i);
    });

<div style="top: 320.017px; left: 584.517px; display: block;" class="datepicker datepicker-dropdown dropdown-menu datepicker-orient-left datepicker-orient-bottom">
<table>
   <thead>
       <tr class="datepicker-title" style="display:none;" colspan="7"></tr>
       <tr class="datepicker-title" style="display:none;" colspan="7"></tr>
   </thead>
</table>
</div>

Answer 2

    $('#toDate').datepicker({
        format: "mm/dd/yy",
        maxViewMode: 2,
        todayBtn: "linked",
        orientation: "bottom left",
        autoclose: true,
        startDate: '@ViewBag.MinimumStartDate',
        title: 'To'
    });

    $('#fromDate')
        .datepicker({
            format: "mm/dd/yy",
            maxViewMode: 2,
            todayBtn: "linked",
            orientation: "bottom left",
            autoclose: true,
            startDate: '@ViewBag.MinimumStartDate',
            title: 'From'
        });

我把事情复杂化了。