将动态类添加到“datetimepicker”答案

【问题标题】：Add dynamic class to "datetimepicker"将动态类添加到“datetimepicker”
【发布时间】：2017-07-31 06:44:27
【问题描述】：

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

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

我以这种方式绑定日期选择器：

$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字段。怎么做？

【问题讨论】：

试试这个：$(this).addClass("dtPicker");
你不能在两个不同的元素上使用相同的id。
id 对于每个元素应该是唯一的。你不应该复制它
@AlivetoDie 你在问哪个$scope 代码？说真的我不明白。
@AlivetoDie 我的代码中只有一个$scope.bindDateTime，我也在这里更新了。

标签： jquery datepicker

【解决方案1】：

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

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

  }

或

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

  }

这里您需要检查datepicker 或datetimepicker 中的哪一个最先出现

【讨论】：

分享你的作用域变量的 html 代码。它可能会帮助我解决它！
@krish 请使用您的 html 和脚本代码为您的问题创建一个小提琴示例链接。我们可以检查并让您知道
当然。你们正在为我花费宝贵的时间 :-) 非常感谢 :-) 但是我的代码非常大，我无法在此处附加，这就是为什么我正在寻找其他方式（试图只为重点元素添加类）。如果我没有得到任何替代解决方案，我会在这里添加小提琴。再次感谢大家:-):-) 特别是@AlivetoDie 非常感谢。
@krish 您可以通过一些虚拟 html 元素（结构需要与您的 html 中的结构相同）和您的脚本代码创建一个小提琴链接。可能也有帮助
jsfiddle.net/3x32s66k check this fiddle 我不知道为什么它不起作用。这里我只需要为datetimepicker添加动态类。