Javascript 如何使jQuery日期选择器在angularjs中与watch一起工作?

Javascript 如何使jQuery日期选择器在angularjs中与watch一起工作?,javascript,jquery,angularjs,jquery-ui,datepicker,Javascript,Jquery,Angularjs,Jquery Ui,Datepicker,我试图在angular程序中使用jQuery日期选择器。我有一个datepicker html,我使用过几次 如果用户正在更改开始时间,我希望结束时间晚于一天 我用一个类(tdate)定义了jquery datepicker,它可以正常工作,但它不会告诉手表日期已经更改,所以我尝试添加一个onSelect事件,让手表注意到更改。 在onSelect中,im应用更改,因此手表会注意到,但它始终会更改创建类的范围(例如,这里startTime是第一个,因此无论我更改startTime还是endTim

我试图在angular程序中使用jQuery日期选择器。我有一个datepicker html,我使用过几次

如果用户正在更改开始时间,我希望结束时间晚于一天

我用一个类(tdate)定义了jquery datepicker,它可以正常工作,但它不会告诉手表日期已经更改,所以我尝试添加一个onSelect事件,让手表注意到更改。 在onSelect中,im应用更改,因此手表会注意到,但它始终会更改创建类的范围(例如,这里startTime是第一个,因此无论我更改startTime还是endTime,更改到所选日期的都将是startTime)

单击onSelect事件时,如何使其转到当前日期选择器范围?或者其他任何解决问题的方法

谢谢

DateMenu.html:

<date-picker ng-model="startTime"></date-picker>
<date-picker ng-model="endTime"></date-picker>
DatePicker.html:

<input type="text" class="tdate" ng-model="t.date">

你可以这样做

HTML

<date-picker ng-model="t.date"></date-picker>


脚本

.directive('datePicker', function(){
  return{
    restrict: 'E',
    link: function(scope, element, attributes){
      $('.tdate').datepicker({
          onSelect: function (selectedDate) {
              scope.ngModel = selectedDate;
              scope.$apply();
          }
      });
    },
    scope: {
      ngModel: '='
    },
    template: '<input type="text" class="tdate">'
  };
});
.directive('datePicker',function(){
返回{
限制:'E',
链接:功能(范围、元素、属性){
$('.tdate').datepicker({
onSelect:函数(selectedDate){
scope.ngModel=所选日期;
作用域:$apply();
}
});
},
范围:{
ngModel:“=”
},
模板:“”
};
});

你可以这样做

HTML

<date-picker ng-model="t.date"></date-picker>


脚本

.directive('datePicker', function(){
  return{
    restrict: 'E',
    link: function(scope, element, attributes){
      $('.tdate').datepicker({
          onSelect: function (selectedDate) {
              scope.ngModel = selectedDate;
              scope.$apply();
          }
      });
    },
    scope: {
      ngModel: '='
    },
    template: '<input type="text" class="tdate">'
  };
});
.directive('datePicker',function(){
返回{
限制:'E',
链接:功能(范围、元素、属性){
$('.tdate').datepicker({
onSelect:函数(selectedDate){
scope.ngModel=所选日期;
作用域:$apply();
}
});
},
范围:{
ngModel:“=”
},
模板:“”
};
});

我忘记写了(现在编辑了原始帖子),但我已经把它保存到了NGModel中。你的问题不清楚。我忘了写了(现在编辑了原始帖子),但我已经把它保存到NGModel了。你的问题不清楚。是否要在日期选择器中发送结束时间