Bootstrap日期时间选择器不适用于Angular JS中的指令

时间:2016-08-10 11:14:48

标签: javascript jquery angularjs twitter-bootstrap datetime

我正在使用Bootstrap Datetime选择器,其中数据来自json文件,转换为正确的日期格式,然后在日历中显示。我有日期和日期。

scope.onHide = function(e) {              
  var frmDateVal = $j("#fromdatetimepicker").val();
  var toDateVal = $j("#todatetimepicker").val();
  scope.fromDate = scope.dateTimetoUTCMilliseconds(frmDateVal);
  scope.toDate = scope.dateTimetoUTCMilliseconds(toDateVal);
  scope.plotDataSeries();
  scope.$digest();
};


$("#fromdatetimepicker").on("dp.change", function (e) {
  $('#todatetimepicker').data("DateTimePicker").minDate(e.date);
});

在angularjs中替换$("#element")的解决方案是什么。

1 个答案:

答案 0 :(得分:0)

我认为你应该阅读这篇文章,以避免在angularJS中以错误的方式使用jQuery:"Thinking in AngularJS" if I have a jQuery background?

此外,AngularJS中存在一个可以帮助您使用Bootstrap组件的库:这是UI Bootstrap。

您可以在此处找到此库的datepicker文档: https://angular-ui.github.io/bootstrap/#/datepicker

我认为这是更简单的方法。