jquery - 将动态类添加到 "datetimepicker"

Question

我的页面中有两个字段。一个是 datepicker，另一个是 datetimepicker。
这两个字段具有相同的 classes 并且相同的id。

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content"></div>

我以这种方式绑定(bind)日期选择器:

$scope.bindDate('#appliedDate');
$scope.bindDateTime('#appliedTime');

现在我需要将动态类 dtPicker 添加到仅 bindDateTime 字段。
我尝试了以下操作:

$scope.bindDateTime = function(value) {
    $('#ui-datepicker-div').addClass("dtPicker");
     $(value).datetimepicker({
        dateFormat: 'yy-mm-dd',
        onSelect: function(datetext){

        },
    });
  }

但是动态类同时添加了 datePicker 和 dateTimePicker 字段。我只想添加它 dateTimePicker 字段。如何做到这一点？

Answer 1

您可以使用:first或:last属性(property)以及您的选择。但不要对两个字段使用相同的 id。而不是在类属性中使用它。

$scope.bindDateTime = function(value) {
    $('#ui-datepicker-div:first').addClass("dtPicker");

  }

或

$scope.bindDateTime = function(value) {
    $('#ui-datepicker-div:last').addClass("dtPicker");

  }

这里您需要检查文档中哪个第一个出现，是 datepicker 还是 datetimepicker