Aurelia.io:自定义属性的选项
我在aurelia.io项目中使用jquery daterangepicker()Aurelia.io:自定义属性的选项,aurelia,Aurelia,我在aurelia.io项目中使用jquery daterangepicker() import {inject, bindable, customAttribute} from 'aurelia-framework'; import 'bootstrap-daterangepicker'; import $ from 'jquery'; @customAttribute('daterange') @inject(Element) export class DateRangePicker {
import {inject, bindable, customAttribute} from 'aurelia-framework';
import 'bootstrap-daterangepicker';
import $ from 'jquery';
@customAttribute('daterange')
@inject(Element)
export class DateRangePicker {
constructor(element) {
this.element = element;
}
attached() {
$(this.element).daterangepicker()
.on('change', e => fireEvent(e.target, 'input'));
}
detached() {
$(this.element).daterangepicker('destroy')
.off('change');
}
}
function createEvent(name) {
var event = document.createEvent('Event');
event.initEvent(name, true, true);
return event;
}
function fireEvent(element, name) {
var event = createEvent(name);
element.dispatchEvent(event);
}
如何将html文件中daterangepicker的选项提交到自定义属性?datePickerCustomElement.js
import { bindable } from 'aurelia-framework';
export class DatePickerCustomElement {
@bindable optionA;
constructor(element) {
this.element = element;
}
bind() {
this.optionA = this.optionA || this.element.getAttribute('optionA');
}
}
app.html
<date-picker optionA="12"></date-picker>
<date-picker optionaA.bind="optionAValue"</date-picker>
马修,你能帮我解决关于奥雷莉亚的问题吗?