ExtJS4 日历控件datefield 解决选择时间一天

最新推荐文章于 2017-08-03 11:02:19 发布

原创

最新推荐文章于 2017-08-03 11:02:19 发布 · 1.2w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #日历 #date #function #文档 #测试

这篇博客介绍了如何使用ExtJS4的datefield控件设置选择一天内的起止时间，包括从00:00:00开始到23:59:59结束。通过监听datefield的select事件并调整时间，实现了限制在当前日期内的精确时间选择。

ExtJS 4.07

datefield控件没有提供我们选择时期的时分秒，网上有很多人进行二次封装，可以面板中选择时分秒，需要的不难搜到，这里要解决的是如何选择一天内时间问题：
起始时间：2012-08-31 00:00:00
终止时间：2012-08-30 23:59:59
代码如下：

Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    width: 300,
    bodyPadding: 10,
    title: 'Dates',
    items: [{
        xtype: 'datefield',
        id:'startTime',
        anchor: '100%',
        fieldLabel: 'From',
        name: 'from_date',
        format:'Y-m-d H:i:s',
        v