在Angular JS中,引导日期时间选择器对指令不起作用

Bootstrap datetime picker not working for directives in Angular JS

本文关键字:选择器 时间 指令 不起作用 日期 JS Angular      更新时间:2023-09-26

我使用Bootstrap Datetime选择器,其中数据从json文件中获取,转换为适当的日期格式,然后在日历中显示。我有To date和From date。

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")的解决方案是什么

我认为你应该阅读这篇文章,以避免在angularJS中错误地使用jQuery: "如果我有jQuery的背景?

另外,AngularJS中有一个库可以帮助你使用Bootstrap组件:这就是UI Bootstrap。

你可以在这里找到这个库的日期拾取器文档:https://angular-ui.github.io/bootstrap//datepicker