Question

我已经看过jQuery UI DateRangePicker的演示但我没有找到如何在angular4中使用，因为在angular2中没有jQuery UI DateRangePicker的包。请告诉我们如何在angular4中使用。我使用的角度版本是： - 4.3.3

Answer 1

您可以从NPM下载jQuery Ui，查看此链接https://www.npmjs.com/package/jquery-ui 您可以下载ui picker js文件，并可以从项目目录中使用它们。检查此答案，将js文件添加到视图https://stackoverflow.com/a/41899261/713789

中

Answer 2

是的，根据文档，没有npm包在angular2应用中使用此dateRangePicker，所以如果你想在项目中使用它，请完成以下步骤。

手动安装所有依赖项，并相应地在应用程序的.angular-cli.json文件中列出所有依赖项。

  <link href="jquery-ui.min.css" rel="stylesheet">
  <link href="jquery.comiseo.daterangepicker.css" rel="stylesheet">
  <script src="jquery.min.js"></script>
  <script src="jquery-ui.min.js"></script>
  <script src="moment.min.js"></script>
  <script src="jquery.comiseo.daterangepicker.js"></script>

在组件顶部插入此lineHeight
```
declare var $: any;
```

在组件的构造函数中调用此方法

$(function() { $("#e1").daterangepicker(); });

PS：将ID替换为您的ID名称。

如何在angular4中使用jQuery UI DateRangePicker？

2 个答案: