1

我正在使用 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') picker.get('select', 'yyyy/mm/dd')）。

那么是否有一些我无法使用 .get() 的关键概念？因为无论我使用什么语法，我都会在任何地方出现错误，而当我不使用时（使用类似于我在开始时管理的内容：语法，我什么也没有显示）。

例如，有时我看到使用了 jquery，就像这里How can I consolidate pickadate initializer for multiple input on one page? 我可以把它翻译成我需要的。

4

1 回答 1

1

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

这目前有效并在控制台中显示日期。有待完成的工作是自己做 http 获取。

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

    }
});
于 2016-07-13T10:26:39.197 回答