Extjs DateTime 日期时间选择控件 (非点击日期强制选择) 支持4.0以上

Extjs的日期控件,仅仅能支持到日期选择,对时间的选择并不完好。而网上下载的控件,都是基于Ext.form.dateField 开发。在选中日期后自己主动选择,并隐藏此选择窗体。

在经过一番改造后,最终做好了一个带确认button的时间选择控件。截图例如以下

详细代码在附件里。  要想正常使用,还须要加一段css样式:

.x-datepicker-sel {

border-color: rgb(224, 162, 162);

border-style: solid;

border-width: 1;

}

用于上面的选中的样式。

加入到自己引用的css文件里就可以。

不能上传附件。那就放一个下载链接吧。

http://download.csdn.net/detail/awe5566/7382033

时间: 2024-10-10 10:45:23

Extjs DateTime 日期时间选择控件 (非点击日期强制选择) 支持4.0以上的相关文章

bootstrap-datetimepicker:基于twitter bootstrap的日期/时间选择控件

bootstrap-datetimepicker是一个基于twitter bootstrap的简单日期/时间选择控件. <!DOCTYPE HTML> <html> <head> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> <

关于使用jqmobi前端框架在phonegap平台上开发时的日期时间选择控件

jqmobi(appframework)作为Intel的一款html5移动前端框架,以其自身轻量级和容易上手获得了很多移动HTML5开发者的喜爱,相对于jquerymobile,它可以说将jQuerymobile进行了重写,针对移动端做了很好的优化,(jQuerymobile太过于臃肿,实际在真机上效果较差),但是经过使用,发现jqmobi也有一些缺点,比如说bug较多,UI控件较少,插件较少,不能够满足大型应用开发需求.最不可接受的是它竟然没有提供日期和时间选择插件(日期时间选择功能很常用).

猎豹MFC--DataTimePicker日期时间选择控件CDatatimeCtrl CTime CTimeSpan时间间隔

设置长日期格式: 结束日期一样添加变量: 其他两个一样添加变量. 双击开始日期添加消息处理: 日期时间发生了改变: 添加日期改变消息处理函数: 一样给结束日期添加日期改变消息处理: 因为结束日期日期改变 处理程序和开始日期的一样,所以封装为函数 ,,进行调用可避免写两次: 在封装好的函数内进行 日期减法计算 ,计算两个日期间隔多少天: +1后 包含当天 修改时间控件的ID 给时间添加 时间改变消息处理函数: 一样把时间的  时间改变处理  封装成函数进行调用: 下面,分别在两个时间改变消息处理中

Flex 日期选择器控件

在构建用户界面时,经常用到日期的输入和选择. 输入日期时,用户可以使用键盘输入,也可以在类似于日历的弹出式对话框中,通过鼠标单击所选日期. 在Flex中可以通过日期输入控件实现输入和选择日期.Flex内置了两种日期输入控件:日期选择器控件(DateChooser Control)和日期区域控件(DateField Control).    一.日期选择器控件(DateChooser Control)               日期选择器控件类似于日历.利用年.月.日和星期来表示一个日期.该控件

ExtJs内的datefield控件选择日期过后的事件监听select

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

wpf timePicker 时间选择控件

wpf里有日期选择控件,但没有时间选择控件.其他地方也有类似的,但效果并不太好,而且复杂.所以就自己写了个.参考codeproject上的. 分两部分. 第一部分是.cs文件.也就是control控件的内部逻辑.定义相关属性,以及委托.代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windo

jquery-ui日期时间控件实现

日期控件和时间控件为独立控件,日期时间控件要同一时候导入日期控件和时间控件的js,然后在日期控件加入时间控件显示參数,没有导入时间控件js.日期控件函数设置的时间控件參将包错 日期控件官网网址:http://jqueryui.com/ 日期控件js:jquery-ui.js 相应函数及默认属性设置:function Datepicker() 时间控件官网网址:http://plugins.jquery.com/jt.timepicker/ 时间控件js:jquery-ui-timepicker-

Flex 日期区域控件

日期区域空间(DateField Control)由一个文本输入控件和一个日历图标组成. 用户可以在文本输入控件中输入日期,或者单击日历图标弹出日期选择器后,在日期选择器中选择合适的日期. 1.日期区域控件标签 对应的MXML标签为<mx:DateField>. 该控件的属性融合文本输入控件的属性和日期选择器控件的属性.除此之外,自身的常用属性如图所示: 在labelFunction指明的方法中,参数为Date类型,返回值类型为String,格式如下所示: public function fo

精确到分钟的日期时间控件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>精确到分钟的日期时间控件-格栅除污机-石家庄瑜伽馆</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <