日期时间选择

<div class="f-cb">
<ui.form>
    <form.item cols=4>
        <date.picker showTime date={date1} />
    </form.item>
    <form.item cols=4>
        <date.picker showTime date={date2} />
    </form.item>
</ui.form>
</div>

<date.picker disabled />

日期范围

var component = new NEKUI.Component({
    template: template,
    data: {
        minDate: new Date(+new Date + 2*24*3600*1000),
        maxDate: new Date(+new Date + 7*24*3600*1000)
    }
});

事件

请打开浏览器的控制台查看结果。

<date.picker
    on-toggle={console.log('on-toggle:', '$event.open:', $event.open)}
    on-select={console.log('on-select:', '$event.date:', $event.date)}
    on-change={console.log('on-change:', '$event.date:', $event.date)} />

API

Classes

Members

DatePicker 日期选择

• select(date) 选择一个日期(date) 选择一个日期) ⇒
• 是否超出规定的日期时间范围) ⇒ boolean | Date

Events

• “change 日期时间改变时触发”

DatePicker

Kind: global classExtend: Dropdown

Dropdown

DatePicker 日期选择

config()

Kind: global functionAccess: protected

select(date) 选择一个日期(date) ⇒ void

Kind: global functionAccess: public

isOutOfRange(date) 是否超出规定的日期时间范围(date) ⇒ boolean | Date

Kind: global functionReturns: boolean | Date - date 如果没有超出日期时间范围，则返回false；如果超出日期时间范围，则返回范围边界的日期时间Access: public

Kind: event emittedProperties

“select 选择某一项时触发”

Kind: event emittedProperties