アウレリアのWebPACKの日付ピッカーは、私は私が私の出発点として骨格typescriptです-のWebPACKを使用しています</p> <pre><code>TypeError: $(...).datepicker is not a function </code></pre> <p>を訴えるカスタム属性「日付ピッカー」を持っている機能

Question

ではありません。アウレリアは、ベータ版にあったときに

import {inject, autoinject, customAttribute, DOM} from "aurelia-framework"; 
import moment from "moment"; 

import "jquery"; 
import "jquery-ui"; 

@customAttribute("datepicker") 
@inject(DOM.Element) 
export class JqueryUiDatePicker { 
    constructor(private element: Element) { 
    moment().format(); 
    } 

    attached() { 
     $(this.element) 
      .datepicker({dateFormat: "DD/MM/YYYY"}) 
      .on("change", e => this.fireEvent((e.target) as Element, "input")); 
    } 

    detached() { 
     $(this.element) 
      .datepicker("destroy") 
      .off("change"); 
    } 

    private fireEvent(element: Element, name: string): void { 
     const event = this.createEvent(name); 
     this.element.dispatchEvent(event); 
    } 

    private createEvent(name: string): Event { 
     const event = document.createEvent("Event"); 
     event.initEvent(name, true, true); 
     return event; 
    } 
} 

マークアップ

<input class="form-control" id="orderDate" datepicker placeholder="Order Date" type="text" value.bind="model.orderDate | dateFormat: 'DD/MM/YYYY'"> 

datepicker.tsは、それが動作するために使用さが、私は、最新のskeleton-と私のコードを更新した後typescript-webpack、それは動作を停止しました。

Answer 1

お試しimport $ from 'jquery';

はここで関連する例えばブログです：http://davismj.me/blog/semantic-custom-element/

Answer 2

私は（typescriptですと）auのCLIを使用しています...そうYMMV。しかし、次のインポートは私が

import * as $ from 'jquery' 

はい、あなたにも