【问题标题】:How to use jQuery UI DateRangePicker in angular4?如何在 angular4 中使用 jQuery UI DateRangePicker?
【发布时间】:2017-09-04 11:41:26
【问题描述】:

我看过jQuery UI DateRangePicker的demo,但是没有找到在angular4中的使用方法,因为angular2中没有jQuery UI DateRangePicker的包。请告诉我们如何在 angular4 中使用。我使用的角度版本是:- 4.3.3

【问题讨论】:

标签: angular jquery-ui-datepicker


【解决方案1】:

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

【讨论】:

  • 我只告诉过我们 Jquery ui dateRangePicker 不是所有的 jquery ui。
  • @HarleenKaurArora 你可以从这里下载 jQuery UI jqueryui.com/download (你需要的部分),你可以加载你只需要在你的视图中的 js 文件。
  • 这个插件没有模块。
  • 取消全选并仅选中此jqueryui.com/download/#widgets/datepicker
【解决方案2】:

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

  1. 手动安装所有依赖项并相应地在您的应用程序的.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>
    
  2. 在组件顶部插入此 lineHeight

    declare var $: any;
    
  3. 在你的组件的构造函数中调用这个方法

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

PS:将 id 替换为您的 ID 名称。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-06-12
    • 1970-01-01
    • 2011-04-28
    • 1970-01-01
    • 2018-01-21
    • 2018-01-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多