使用打字稿的MultiSelect日期选择器

Question

我想使用ngb和tyepscript实现多选日期选择器。有人可以帮我使用Angular 4进行编码吗？ 我想将此jquery转换为typescript。

$('.date').datepicker({
    multidate: true,
    format: 'dd'
});   

Answer 1

试试这个，

<强>的index.html

<link rel="stylesheet" href="https:////maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>

component.ts 声明外部组件类。

declare var jquery:any;
declare var $ :any;

ngOnInit(){
    // need to add it inside timeout because jquery takes little time to load
    setTimeout(()=>{
      console.log("came");
      $('.date').datepicker({
        multidate: true,
      format: 'dd-mm-yyyy'
      });
    },3000);
  }

<强> component.html

<div class="container">
    <h3>Bootstrap Multi Select Date Picker</h3>
    <input type="text" class="form-control date" placeholder="Pick the multiple dates">
</div>

就是这样。

Working Demo

我希望这会帮助你根据需要使用jquery和typescript。如果您有任何问题或疑虑，请告诉我。

Answer 2

看看this。它有许多其他选项

Answer 3

请检查此链接，提供选择多个日期选择， 您只需要允许“允许多个选择”选项

https://vlio20.github.io/angular-datepicker/

由于