常用工具 Util

示例

createBoolClassDirective

<input type="checkbox" r-model={enabled} z-test={enabled} />

input[type=checkbox].z-test { outline: 2px solid red; outline-offset: 2px; }

RGUI.Component.directive('z-test', RGUI._.createBoolClassDirective('z-test'));
let component = new RGUI.Component({ template });

dateFormat

<p>{date1}</p>
<p>{date2}</p>

let component = new RGUI.Component({
    template,
    data: {
        date1: RGUI._.dateFormat(new Date()),
        date2: RGUI._.dateFormat(new Date(), 'yyyy-MM-dd'),
    },
});

format

<p>{date1}</p>
<p>{date2}</p>

let component = new RGUI.Component({
    template,
    data: {
        date1: RGUI._.format(new Date(), 'date'),
        date2: RGUI._.format(new Date(), 'date', 'yyyy-MM-dd'),
    },
});