javascript - 如何捕获日期(使用 pickadate)以在 http get 请求中使用

Question

我正在使用 Angular 2，其想法是让它向我在 api 中完成的 REST 服务发送请求。

我目前正在 Plunker 中检查结果。我在捕获所选日期时遇到了很多麻烦，因此我可以使用它来发出 http 请求。

所以我想知道如何做到这一点，或者是否有另一种更简单的方法来做到这一点。

我已经尝试了这里看到的所有内容以及其他一些内容，但没有任何效果(我的意思是，我无法获取变量中的值，然后将其用于 .get() 中的操作和 .subscribe() 向 REST 服务发出请求。

这是我已经接近的结果:

Calendar.js:

function myCalendar(){
  $('.datepicker').pickadate({
        selectMonths: true, // Creates a dropdown to control month
        selectYears: 15, // Creates a dropdown of 15 years to control year
         onSet: function(context) {
        console.log(new Date(context.select));
 }
  });
}

日历.ts

import {Component} from 'angular2/core';
@Component({
  selector: 'cal-inside',
  template: `<input value="Input date" type="text" class="datepicker" onclick ="myCalendar()" >
`,
  directives: []
})
export class CalendarioDentro {
  constructor() {
      }    
}

该选择器在此处调用:

src/basic_usage.html

[...]
 <form>
          <cal-inside></cal-inside>
          <check-inside></check-inside>
          <boton></boton>

        </form>
     [...]

这一切都有效，我在 sidenav 组件中得到了一个日历，现在我想知道如何继续，因为无论如何我都无法正确获取 pickadate() 函数的语法。

我目前只在控制台上显示我确实点击了一个日期。除此之外，我无法让任何其他工作正常工作，当我四处寻找信息时，好像它没有按照 API 所说的方式完成(根据我的理解，类似于这样的 var picker = $input.pickadate ('选择器') picker.get('select', 'yyyy/mm/dd') ).

那么我是否缺少一些关键概念而无法使用 .get() 呢？因为无论我使用什么语法，我都会遇到错误，而当我不这样做时(使用类似于我通过 onset: 语法管理的内容，我什么也不会显示)。

例如，我有时会看到使用 jquery，就像这里 How can I consolidate pickadate initializer for multiple inputs on one page?我可以将其转化为我需要的内容。

Answer 1

其他人似乎对此没有太多麻烦，但由于我疯狂地试图正确获取它，所以我将其放在这里以防万一:

这当前有效并在控制台中显示日期。待完成的工作是执行 http get 本身。

 var foo;
function CalendarMaterializeCSS(){
$('.datepicker').pickadate({
    onSet: function(context) {
        foo = new Date(context.select);
        var curr_date = foo.getDate();

        var curr_month = foo.getMonth();

        var curr_year = foo.getFullYear();
        var dateFormated=(curr_date + "-" + curr_month + "-" + curr_year);
        console.log(dateFormated);

    }
});