Extjs4 获取datefield时间格式问题

Extjs之DateField控件的鼠标点击选取事件监控 Ext用的比较多的同志会发现一个问题,Extjs的DateField并没有提供'select'事件。而在我们的实际开发过程中,经常会需要去监控它,并进行后续的处理。在逼不得已的情况下,我们会用'change'时间去替代,但是该事件必须要datefield控件失去焦点时才触发,也就是说,需要用户选了日期之后,再在空白的地方点击一下鼠标才会触发值的改变事件。——这是无疑是非常别扭的。      通过 阅读详情
Extjs4 获取datefield时间格式问题
2012-03-07 10:16:48
标签: Extjs4  职场  休闲  datefield

 在查询面板中有个时间字段,

  
  1. { 
  2.         xtype: 'datefield', 
  3.         width: '200', 
  4.         name: 'starttime', 
  5.         id:'starttime', 
  6.         fieldLabel: '开始时间', 
  7.         labelAlign: 'right', 
  8.         labelWidth: 55, 
  9.         format: 'Y-m-d h:i:s', 
  10.         selectOnFocus:true, 
  11.         editable:false, 
  12.         dateRange:{begin:'starttime',end:'endtime'}, 
  13.         vtype:'dateRange', 
  14.         endDateField: 'endtime', 
  15.         anchor: '93%' 
  16.      }, 

在查询提交时,

  
  1. { 
  2.        xtype:'button', 
  3.        text: '查询', 
  4.        type: 'submit', 
  5.        width:50, 
  6.        disabled: false,   
  7.        handler: function() { 
  8.             var starttime = Ext.getCmp("starttime").getValue(); 
  9. alert(starttime);
  10.             var store = Ext.getCmp('queryUsertariffGridPanel').getStore(); 
  11.             var proxy = store.getProxy(); 
  12.             proxy.extraParams['starttime'] = starttime; 
  13.     proxy.extraParams.start = 0; 
  14.             store.load(); 
  15.          } 
  16.  } 

页面效果为:

 

alert出来的时间值格式为:

后台action中获取到的为“2012-03-05T00:00:00”。

 

查了查API,发现datefield有个配置字段:

 

 : String

The date format string which will be submitted to the server.
The format must be valid according to Ext.Date.parse (defaults to format).

 

但它是支持的submit方式直接提交到后台的,而不是Ext.getCmp("").getValue();

 

后来加了个js函数,

  
  1. //将时间转化为 2011-08-20 00:00:00 格式 
  2. //解决Ext4的formPanel通过grid的store查询问题 2012.2.22 jzr 
  3. function dateFormat(value){ 
  4.     if(null != value){ 
  5.         return Ext.Date.format(new Date(value),'Y-m-d H:i:s'); 
  6.     }else{ 
  7.         return null; 
  8.     } 
  9. } 

然后datefield字段提交代码为:

  
  1. { 
  2.         xtype:'button', 
  3.         text: '查询', 
  4.         type: 'submit', 
  5.         width:50, 
  6.         disabled: false,   
  7.         handler: function() { 
  8.                var starttime = Ext.getCmp("starttime").getValue(); 
  9.                var store = Ext.getCmp('queryUsertariffGridPanel').getStore(); 
  10.                var proxy = store.getProxy(); 
  11.                proxy.extraParams['starttime'] = dateFormat(starttime); 
  12.                proxy.extraParams.start = 0; 
  13.                store.load(); 
  14.          } 
  15. } 

传到后台的值就正常啦。没有中间那个T了。

(17)ExtJS之Ext.form.field.Date日期选择框 JS文件: //1:Ext.form.field.Date示例,日期选择框 Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.form.Panel',{ title:'Ext.form.field.Date示例', frame:true, height:100, width:300, renderT 阅读详情

相关推荐

Hermes深入理解及源码解析(二):Hermes的记忆机制

源码位置:tools/memory_tool.py存储内容为两个文件,放在 ~/.hermes/memories/:MEMORY.md:Agent 自己的笔记(环境事实、项目约定、工具坑、学到的东西)—— 上限 2200 字符USER.md:关于用户的画像(角色、偏好、沟通风格)—— 上限 1375 字符作为一个独立的工具注册在系统中(为了让智能体正确使用它,System Prompt()中明确下达了禁令存储目标存储位置数据类型持久偏好/事实MEMORY.md我是谁、我喜欢什么、环境配置。

qq_41984117的博客 560

Django中的DateTimeField和DateField

DateTimeField 日期+时间。 与python里的 datetime.datetime 实例同。 比如,数据库字段内容为2018-08-30 16:31:00 有以下两个可选的选项,均为bool类型: 参数1:auto_now,默认值为false,设置为true时,每次执行 save 操作时,将其值设置为当前时间,并且每次修改model,都会自动更新。 使用场景:这个参数...

走向未来 3万+

matlab生成blocks、bumps和doppler标准测试信号

关键函数:wnoise使用方式X = wnoise(FUN,N) [X,XN] = wnoise(FUN,N,SQRT_SNR) [X,XN] = wnoise(FUN,N,SQRT_SNR,INIT)X = wnoise(FUN,N) 返回由 FUN给出的信号,长度为2^N,幅值范围[0,1].[X,XN] = wnoise(FUN,N,SQRT_SNR) ,返回了一个测试信号X,以及一个加噪

ZSZ_shsf的博客 6581

笔记-datefield日期控件设置默认值

datefield日期控件设置默认值,为当天的前一月,和后一月 Ext.Date.MONTH 月 Ext.Date.YEAR 年 Ext.Date.DAY 天 '日期', { xtype:'datefield', ...

weixin_30401605的博客 444

从光耦隔离到稳定驱动:信捷伺服与STM32的硬件设计陷阱与救赎

本文深入探讨了信捷伺服驱动器与STM32微控制器配合时的硬件设计关键问题,包括光耦隔离电路选型、电源电压选择、拨码开关设置等核心环节。针对伺服驱动器的稳定驱动需求,提供了从电路设计到抗干扰策略的完整解决方案,帮助工程师规避常见陷阱,提升工业控制系统的可靠性。

gold8的专栏 312

揭秘 C++ 性能优化的终极秘籍,让你面试时应答如流

VTune Amplifier 是英特尔开发的一款强大的性能分析工具,它可以深入分析应用程序在英特尔架构上的性能瓶颈。功能特点全面的分析视角:提供了多种分析模式,如热点分析、线程分析、内存分析等。热点分析模式能快速定位程序中最耗时的代码段;线程分析模式可帮助开发者了解多线程程序中线程的执行情况、同步开销等;内存分析模式则专注于内存访问的性能,包括缓存命中率、内存带宽使用等。硬件层面的洞察:能够深入到硬件层面,分析 CPU 的微架构指标,如指令级并行度、流水线停顿等。

大模型大数据攻城狮的专栏 1151

DateField的用法 menuListeners

 var  strDate = new Ext.form.DateField({          applyTo: "txtId",          width:200,          allowBlank:true,     //允许为空          readOnly:false,          value: '',          format:'Y-m-d' ...

weixin_34315665的博客 145

【大模型应用开发-FastAPI框架】(八)Sqlalchemy+postgresql简单增删改查

语言,为高效和高性能的数据库访问设计,实现了完整的企业级持久模型”。SQLAlchemy的理念是,的量级和性能重要于对象集合;而对象集合的抽象又重要于表和行。因此,SQLAlchemy采用了类似于。社区中成为广泛使用的ORM工具之一,不亚于Django的ORM框架。和declarative等可选插件可以让用户使用声明语法。SQLAlchemy首次发行于2006年2月,并迅速地在。SQLAlchemy“采用简单的。二、安装postgresql。一、SQLAlchemy简介。的数据映射模型,而不是其他。

2098

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

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

origin 专栏 1万+

DeepSeek邮件管理全攻略

DeepSeek邮件助手是一款高效的邮件处理工具,提供智能分类、撰写、回复和任务自动化功能。通过API调用或多智能体系统,它能自动分类邮件意图、生成专业回复并优化邮件内容。核心功能包括智能过滤、会议安排和任务提醒,支持与主流邮箱服务集成。提供精准提示词模板,帮助用户快速生成得体邮件,提升工作效率。适合个人和企业使用,通过简单配置即可实现邮件处理自动化。

Genio_Wang的博客 180

从 Service Entry Sheet 按 PO 行项目追溯服务行:PACKNO 与 ESLL 层级解包实战

摘要: SAP MM模块中,外部服务采购的数据结构较为复杂,服务明细并非直接存储在采购订单行项目表EKPO中,而是通过PACKNO关联到服务包表ESLL。本文解析了从采购订单行项目EBELN+EBELP获取服务行号SRVPOS的方法,重点分析了服务包的层级结构(根包、子包SUB_PACKNO),并提供了兼容合同项目的ABAP代码实现。通过EKPO-PACKNO定位根包后,需结合ESUC和ESLL表逐层解析子包,最终获取服务明细数据,解决了服务采购场景下的数据关联难题。(149字)

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 174

EXTJS 中的 DateField 和 Date 使用方法

    今天组里给了一个做界面的任务,用的是EXTJS。 界面很简单,就是一个 ComboBox 和几个 TextFiled 外加两个 DateField。ComboBox 和 TextField 就不说了,说一下 DateField 在使用过程中遇到的一些问题和解决方法。两个 DateField 用于确定查询条件的时间范围。要有缺省值。于是想把一个日期设为当前日期,另一个为两天前的日期。

kaihua_86的专栏 5724

蓝桥杯第七届省赛试题--“模拟风扇控制系统”

题目要求 功能简述 “模拟风扇控制系统”能够模拟电风扇工作,通过按键控制风扇的转动速度和定时时间,数码管实时显示风扇的工作模式,动态倒计时显示剩余的定时时间,系统主要由数码管显示、单片机最小系统、按键输入和电机控制保护电路组成,系统框图如图 1 所示: 单总线驱动程序、CT107D 单片机考试平台电路原理图以及本题所涉及到的芯片数据手册,可参考计算机上的电子文档。程序流程图及相关工程文件请以考生...

qq_43280087的博客 2659

格式化extjs DateField 的值

extjs DateField 的值用getValue()方法获取后是一大堆字符串,类似Tue Dec 07 2010 00:00:00 GMT 0800,这玩意存入数据库实在不好办。。。所以要把它格式化一下,方法很简单,用EXT的 Ext.util.Format.date()方法 示例: var gedt = Ext.util.Format.date(日期控件.getValue()

隋旭峰的专栏 1万+

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

extjs datefield 后台传值 格式转化方法

extjs datefield 后台 日期 传值 取值 格式 转换

jsjxieyang的专栏 9063

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

EXTJS4.0 datefield时间控件更改为获取服务器时间

EXTJS4.0 datefield时间控件更改为获取服务器时间     [javascript] view plaincopy var fs = Ext.create('Ext.form.Panel', {       region : 'north',       frame : true,       bodyS

gaoqiao1988的专栏 1179

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

Extjs extjs datefield日期格式

extjs DateField 的值用getValue()方法获取后是一大堆字符串,类似Tue Dec 07 2010 00:00:00 GMT 0800,这玩意存入数据库实在不好办。。。所以要把它格式化一下,方法很简单,用EXT的 Ext.util.Format.date()方法 示例: var gedt = Ext.util.Format.date(日期控件.getValue()

luckypeng的专栏 1337

extjs 获取日期控件的值_ExtJs内的datefield控件选择日期过后的事件监听select

[摘要]: 选择时间过后我们为什么需要监听事件?一般有这样一种情况,那就是用于比较两个时间大小或者需要判断在哪个时间点上需要做什么样的操作。基于这样的种种情况,我们很有必要琢磨一下datefield控件的日期选择事件了的。 那么我们如何添加日期选择事件呢?针对这样一个问题,网上有很多ExtJs的盆友想到了change事件,就是当文本框内日期值就上一次值来说不同时,触发该事件,change事件添加核...

weixin_27956639的博客 431

ExtJs4.2 日期控件datefield周一到周日出现yyyy这样的bug怎么解决

ExtJs4.2 日期控件datefield周一到周日出现yyyy这样的bug怎么解决 话不多说,直接把ext-lang-zh_CN.js中的这段代码的【dayNames: Ext.Date.dayNames】改成【dayNames: [“日”,“一”,“二”,“三”,“四”,“五”,“六”]】即可; Ext.define("Ext.locale.zh_CN.picker.Date", { ...

abc_ABC123A的博客 553

ExtJs日期datefield控件设置默认值

ExtJs日期datefield控件设置默认值 标签: extjs4datefield控件 2014-04-22 11:00 14421人阅读 评论(0) 收藏 举报  分类: Extjs(10)  版权声明:本文为博主原创文章,未经博主允许不得转载。 如果是extjs4 datefield日期控件设置默认值,为当天的前一月,和后一

evilcry2012的专栏 6347

ExtJs4日期datefield控件设置默认值

ExtJs4日期datefield控件设置及默认值

3木的专栏 1786

extjs datefield日期格式

日期格式参考extjs api文档中的Date类型.var md = new Ext.form.DateField({    //下面的格式是:2000-01-01 00:00:00     format: 'Y-m-d H:i:s',    ............});替换'Y-m-d H:i:s'中的各个字母,留意大小写.可得到多种样式的日期格式.        Ext.Date的格式说明 ...

路还很长 566
上一篇: ExtJS入门之事件(fireEvent)
下一篇: 表格数据分组:Ext.grid.GroupingView
javaPie
博客等级 码龄16年 1171粉丝 43原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值