[Ext JS 4] 实战之 带week(星期)的日期选择控件

最新推荐文章于 2024-08-08 09:13:38 发布
最新推荐文章于 2024-08-08 09:13:38 发布
阅读量5.7k 收藏
点赞数
分类专栏： 130-Web语言 Ext JS开发大全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oscar999/article/details/9984679
版权
本文介绍了如何在Ext JS 4中扩展日期选择控件以显示星期。针对Ext JS 4自带的日期组件无法显示星期的问题，作者探讨了网络上的现有解决方案，并由于不兼容或显示问题未采用。最后，文章详细说明了自定义扩展的过程，包括改写renderTpl以增加星期列，调整fullUpdate设置星期值，以及在onRender中处理点击事件以防止日期选择时触发两次。
摘要由CSDN通过智能技术生成

前言

Ext JS 3 和 Ext JS 4中都有提供日期选择的组件(当然早期版本也有)。


但是有一些日期选择的需求是要看到星期，就是日期中的哪一天是这一年的第几周。

遗憾的是Ext js 并没有提供这样的配置。

（针对Ext js 4来说，理想的相法是在Ext.picker.Date有一个 类似showWeek这样的配置项）


现有的解法

到网络上去看看基于Ext js 的解法：有找到两个

http

了解本专栏 订阅专栏 解锁全文 超级会员免费看
oscar999
关注
专栏目录
订阅专栏
[Ext JS 4] 实战之 带week(星期)的日期选择控件(二)
oscar999的专栏
08-21 4510
Javascript 有提供Date 对象用于处理时间。但是Date 并没有提供获取星期的方法。 要在web 端通过js 方式获取某个时间是这一年的第几个星期，可以根据一些算法去实现。 当然， jquery 的扩展组件 等有直接提供这样的一些现成包。 像Ext js 就有提供获取星期的方法 Ext.Date.getWeekOfYear(date).
华丽的星期选择控件
10-17
android 一个自定义的华丽的星期选择控件，可以直接使用。
element-ui周选择器，如何获取年、周、起止日期？
最新发布
yan1915766026的博客
08-08 906
怎么根据周选择器，得到年、周、起止日期
Ext JS 4实现带week(星期)的日期选择控件(实战一)
12-10
前言 Ext JS 3 和 Ext JS 4中都有提供日期选择的组件(当然早期版本也有)。 但是有一些日期选择的需求是要看到星期，就是日期中的哪一天是这一年的第几周。 遗憾的是Ext js 并没有提供这样的配置。 （针对Ext js 4来说，理想的相法是在Ext.picker.Date有一个 类似showWeek这样的配置项） 现有的解法 到网络上去看看基于Ext js 的解法：有找到两个 http://enikao.net/extjs/weeknumber/weeknumber.html 和 http://www.lubber.de/extjs/datepickerplus/ 第一种解法在I
jquery easyui 周历 周选择下拉控件
11-24
基于jquery easyui改造的周选择控件 可指定周起始星期，默认周日为本周的第一天
周选择下拉控件
03-27
周选择下拉控件 取值、赋值 显示内容2016年第11周(3.6-3.12)
Ext JS 4实现带week(星期)的日期选择控件(实战二)
10-26
在本篇文章中，我们重点介绍了如何在使用Ext JS 4开发环境中实现一个带有星期显示功能的日期选择控件。Ext JS是一个流行的JavaScript框架，用于创建富互联网应用。它提供了大量的组件，可以用于构建用户界面。 首先...
Ext JS框架中日期函数的用法及日期选择控件的实现
01-19
Ext.Date是一个单例，封装了一系列日期操作函数，扩展JavaScript Date的功能，下面列出一些常用的功能。 基本函数： Ext.Date.add(date, interval, value) 给date增加或减少时间，这个函数不改变原有Date对象的值，...
仿iOS带有星期几的日期时间选择器
10-14
最近看到一个需求，就是日期时间选择器上面需要带有星期几来供用户滑动选择，详情请前往http://blog.csdn.net/u014452224/article/details/52813434
jQuery简单的周日历选择插件
06-10
这是一款简单的jQuery周日历选择插件、周历选择器，方便查看女性月经或上学教学时间等。
周选择插件jcalendarweek
11-15
一个基于jquery的周日历插件，支持选择并跳转到指定年份和周。 插件中周的算法：每周以周日为起始，以每年第一个星期四所在的周为年内第一周。
js年月日周时间范围控件
11-24
js时间控件，可选则年，月，日，周，时间范围。双击星期行，可以设置星期偏移量(以星期几作为星期的第一天)。
星期显示控件
01-25
模仿梅花雪大大的日历控件的界面做出的一个周历。以周作为基本单位，显示当天为一年中的第几周，该周的起始日期和结束日期。
vue elementui时间控件，（单框同时选）范围选择周，季，年。
m0_67391518的博客
03-03 4171
一、效果图 因官网elementui仅有日和月的范围选择控件。所以下面开发了周季年，并放出周次。 二、版本及下载 1.实现需要修改源码，目前修改的版本为2.15.3，所以想要实现该方法，请先将elementui升级或者降到2.15.3. 2.将lib包替换到node_module/element-ui下的lib lib包下载地址：（没有积分的私聊我获取包） https://download.csdn.net/download/qq_39019765/44321511 三、代码中的使用 1.范围周：
一周日期选择（周日--周六）
kai_800的博客
09-18 951
效果截图（日期范围，周日--周六），如下： html代码： <div class="ewb-date-link" data-num="0"> <span class="last-year">上一年</span> <span class="last-month">上月</span> <span cla...
Vue+ElementUI+C#技巧分享：周数选择器
吾家有猫名探花的博客
11-26 978
这篇博客旨在深入探讨如何利用Vue和ElementUI来构建一个实用的周数选择器。周数选择器在很多类型的应用程序中都非常重要，尤其是在需要日期管理的系统中，如日历应用、项目管理工具或报告系统。正确地理解和计算周数对于确保数据的准确性和用户界面的一致性至关重要。然而，由于不同地区和标准对周的定义存在差异，开发这样的功能可能会带来挑战。
layui 根据选择的日期自动选择周
xcc_2269861428的博客
02-20 1598
如图： 选择20号后，会自动选择本号的周 js代码： // 周控件 laydate.render({ elem: '#date1', format: "yyyy-MM-dd~yyyy-MM-dd", btns: ['clear', 'now'], trigger: 'click', done: function(value, date, endDate){
elementUI 周选择器将选择后时间展示修改为yyyy-MM-dd ~ yyyy-MM-dd的格式
CHN_OldMan的博客
03-25 961
elementUI的周选择器只支持format不支持value-format，而其并不支持直接展示yyyy-MM-dd ~ yyyy-MM-dd的格式，但我们可以通过change事件来修改input中显示的值。总结：自己也是这两天才使用elementUI，其功能性和便利性比LayUI有了很大的变化，也能理解LayUI作者停更LayUI让大家去拥抱Vue的想法。记录一下处理方式，也便于后来的入门同学，欢迎大家提出更好的处理方式。
Ext JS 4 实现日期选择控件显示星期功能
"这篇文章主要介绍了如何在Ext JS 4中实现一个带有星期显示的日期选择控件，因为原生的Ext JS 4日期选择组件并未提供这样的功能。作者通过自定义扩展实现了一个名为`Ext.ux.DatePickerWithWeek`的组件，以满足查看...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰，手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值