【问题标题】:How to capture Date (with pickadate) to use in a http get request如何捕获日期(使用pickadate)以在http get请求中使用
【发布时间】:2016-07-13 18:26:39
【问题描述】:

我正在使用 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 inputs on one page? 一样,我可以将其翻译成我需要的。

【问题讨论】:

    标签: javascript angular pickadate


    【解决方案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);
    
        }
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-09-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-25
      相关资源
      最近更新 更多