Question

我很想知道如何通过class属性而不是id来调用bootstrap datetimepicker（https://angular.io/docs/ts/latest/tutorial/toh-pt4.html）。

这是我的HTML

<input class="form-control dateclass" placeholder="Date of visit 1" />
<input class="form-control dateclass" placeholder="Date of visit 2" />
<input class="form-control dateclass" placeholder="Date of visit 3" />

现在，我想调用datetimepicker，如下所示：

$('.dateclass').datetimepicker({
        format: 'YYYY-MM-DD',
        showClose: true,
        widgetPositioning: {
            horizontal: 'left',
            vertical: 'bottom'
        }
    });

但这不起作用。 html中的输入框实际上是通过knockout动态填充的，因此我无法使用id。

我该如何完成这项任务？

Answer 1

尝试Template Binding

您可以将代码置于敲除生命周期的 afterRender 钩子中。不是常规的knockoutjs用户。

Answer 2

我猜你需要按类名而不是id打开一个日期选择器。如果是这种情况，你可以这样做。

$('.dateclass').click(function () {
    $(this).datetimepicker({
          //your definations
        }
    });
});

上面的代码所做的是它侦听被点击的类的click事件，然后它选择该dom并触发该dom上的datetimepicker。

通过类而不是id调用Bootstrap Datetimepicker

2 个答案: