如何使用基础CSS日历在ng-include Angular JS

How to use Foundation CSS Calendar Inside ng-include Angular JS

本文关键字：ng-include Angular JS 日历 CSS 何使用      更新时间：2023-09-26

我需要在AngularJS应用程序中使用基础CSS日历。我在我的项目中包含了foundation-datepicker.min.js和foundation-datepicker.min.css，并从我的index.html中引用了相同的内容。

在我的。html页面中，我使用日期选择器，如<input type="text" class="span2 dp1" />，并初始化控制器中的元素，如

$('.dp1').fdatepicker({
   initialDate: '02-12-1989',
   format: 'mm-dd-yyyy',
   disableDblClickSelection: true
});

初始化元素并使用默认日期集查找。

但是当我在使用ng-include包含的视图中使用相同的输入元素时，它没有被初始化。它显示一个空的输入字段，没有设置默认值。

如何从控制器初始化ng-include视图中的元素并使其工作?

我的应用程序包含JQuery库。会停在任何地方吗?此外，我不想包括Bootstrap在我的应用程序，因为它已经超载。

我想出了一个有效的解决方案来克服这个问题，在ng-include包含的每一页的底部，我放了以下内容:

<script>
  $(document).foundation();
</script>
使用CSS加载必要的JS代码。
相关文章：