如何在angular4中使用jQuery UI DateRangePicker？

我看過jQuery UI DateRangePicker的演示，但是我沒有發現如何在angular4中使用，因爲angular2中沒有jQuery UI DateRangePicker包。請告訴我們如何在angular4中使用。我有使用的角度版本是： - 4.3.3如何在angular4中使用jQuery UI DateRangePicker？

來源

2017-09-04 Harleen Kaur Arora

爲什麼不在這裏使用primeng的日曆https://www.primefaces.org/primeng/#/calendar –

您可以從NPM下載jQuery Ui，查看此鏈接https://www.npmjs.com/package/jquery-ui 您可以下載ui picker js文件，並且可以在項目目錄中使用它們。檢查這個答案JS文件添加到您的視圖https://stackoverflow.com/a/41899261/713789

來源

2017-09-04 11:47:10 Adrian

我已經告訴過我們jquery ui dateRangePicker只有不是所有jquery ui。 –

@HarleenKaurArora你可以從這裏下載jQuery UI https://jqueryui.com/download/（你需要的部分），你可以加載你在視圖中只需要的js文件。 – Adrian

這個插件沒有模塊。 –

是，按照文檔沒有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。

來源

2017-09-04 13:01:47

如何在angular4中使用jQuery UI DateRangePicker？

回答

相關問題