Ext JS框架中日期函数的用法及日期选择控件的实现(js日期选择框)

编辑：rootadmin

推荐整理分享Ext JS框架中日期函数的用法及日期选择控件的实现(js日期选择框)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js日期输入框,js日期输入框,js日期格式,js中日期对象,js日期选择框,js日期选择框,js日期输入框,js日期输入框,内容如对您有帮助，希望把文章链接给更多的朋友！

Ext.Date是一个单例，封装了一系列日期操作函数，扩展JavaScript Date的功能，下面列出一些常用的功能。基本函数：

Ext.Date.add(date, interval, value) 给date增加或减少时间，这个函数不改变原有Date对象的值，而是返回一个新的Date对象。 Ext.Date.between(date, start, end) 判断date是否在start和end之间。 Ext.Date.clearTime(date, clone) 把date的时间设置成小时分秒毫秒。 Ext.Date.clone(date) 克隆date的一个副本。 Ext.Date.format(date, format)把日期格式化，返回格式化后的字符串。 Ext.Date.getDayOfYear(date)获取date是年中的第几天。 Ext.Date.getDaysInMonth(date)获取date是月中的第几天。 Ext.Date.getFirstDateOfMonth(date)获取date所在月份的第一天。 Ext.Date.getFirstDayOfMonth(date)获取date所在月份第一天的星期。 Ext.Date.getLastDateOfMonth(date)获取date所在月份的最后一天。 Ext.Date.getLastDayOfMonth(date)获取date所在月份最后一天的星期。 Ext.Date.getWeekOfYear(date) 获取date所在年中的第几个星期。 Ext.Date.isLeapYear(date)date所在年份是否闰年。 Ext.Date.now() 返回当前时间到年1月1日的毫秒数。在chrome、ie9和ie中已经有Date.now()实现相同的功能。 Ext.Date.parse(input, format, strict)根据输入的字符串创建日期，Date.parse()有类似的功能。

下面零碎地举几个例子综合来看一下：

实例：实现带week(星期)的日期选择控件1.问题：

是否使用了Ext JS 就可以完美的解决星期的问题呢？

在本系列的第一篇就有说到， Ext 的datepicker 并不能看到星期，需要自己去扩展。

但是，扩展的时候就有一个问题了：

Javascript 语言的Date对象每周是从星期天开始。

而Ext JS的getWeekOfYear这个方法却又是遵循 ISO-, 每周是从星期一开始的。（其他的方法又有不是遵循此标准的， Ext JS混合了不同的日期时间表示标准）。

Ext.Date.getWeekOfYear 这个方法的返回值是 1- 之间的数。

这样的话，就会出现一些问题：

Ext js 的日期显示控件的显示是从星期天开始：（S M T W T F S (星期天星期一星期二 .. 星期六)）

但是，通过选中的时间获取星期时却又是从星期天开始。导致：

每个星期天的星期会小1 (比如// , 星期天，应该是周，但是通过这个方法却是算成上一周的结尾，周)date = new Date("//");var week = Ext.Date.getWeekOfYear(date);alert("week="+week);Ext Js 日期控件默认显示了天，这样的话，在两个年交互的地方就会出现问题是当年显示周呢？还是下一年的第一周。

2.解决方案：

结合js 的Date 对象和 Ext js的Ext.Date, 实现获取星期字串。

每周以星期天为第一天

每年的周数从(1-), 如果超过周，算到下一年的第一周。比如// 为年的周，算到年的第一周

返回 “W” 这样的周的格式

Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享在Extjs开发中,我们需要屏蔽一些键盘按键,来避免用户在使用键盘操作的过程中不小心按到这些快捷键造成输入信息丢失等问题.Ext.onReady(function(){Ext.Window

ExtJS 4.2 Grid组件单元格合并的方法 ExtJS4.2Grid组件本身并没有提供单元格合并功能，需要自己实现这个功能。目录1.原理2.多列合并3.代码与在线演示1.原理1.1HTML代码分析首先创建一个Grid组

Extjs让combobox写起来简洁又漂亮也已经写了很久时间的extjs，每次都用到很多的combobox，配置很多东西觉得实在是太麻烦，所以根据常用到的情况写了一个简便的combobox，再次记录下来

标签: js日期选择框

本文链接地址:https://www.jiuchutong.com/biancheng/368501.html 转载请保留说明！

上一篇：JavaScript的Ext JS框架中的GridPanel组件使用指南

下一篇：Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享(js框架的作用)