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));
 }
  });
}

calendar.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') picker.get('select', 'yyyy/mm/dd')）。

因为我无法使用.get（），所以有一些关键概念吗？因为无论我使用什么语法，我到处都会遇到错误，当我没有（使用类似于我所管理的内容时：语法，我什么都没有显示）。

例如，我看到jquery正在被使用，有时候，就像这里How can I consolidate pickadate initializer for multiple inputs on one page?一样，我可以将它转化为我需要的东西。

Answer 1

似乎没有其他人在这方面遇到很多麻烦但是因为我疯狂地试图正确地得到它，我会把它放在这里以防万一：

这当前有效，并在控制台中显示日期。待定工作将是http get 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);

    }
});

如何捕获在http get请求中使用的日期（使用pickadate）

1 个答案: