`
征途2010
  • 浏览: 248522 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

my97DatePicker选择年、季度、月、周、日

阅读更多

My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 

下面总结下使用该日历控件选择年、季度、月、周、日的方法。

1、选择年

<input id="d1212" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy年'})"/>

 

2、选择季度:

<input id="d1213" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy年MM季度',disabledDates:['....-0[5-9]-..','....-1[0-2]-..',startDate:'%y-01-01']})"/>

这种情况还需要修改calendar.js文件init方法中加一句

hide($d.MI, $d.leftImg, $d.rightImg);

 

3、选择月度

<input id="d1212" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy年MM月'})"/>

 

4、选择周

<input id="d121" class="Wdate" type="text" onfocus="WdatePicker({isShowWeek:true,onpicked:funccc,errDealMode:3})"/>

 

加一个js方法

function funccc(){

$dp.$('d121').value=$dp.cal.getP('y')+$dp.cal.getP('W','WW');

 

}

 

5、选择日

<input id="d1212" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy年MM月dd日'})"/>

分享到:
评论
28 楼 玉无瑕 2019-06-08  
季度的,calendar.js 没找到init 方法,能不能发给我一份,QQ:571086329@qq.com,谢谢
27 楼 proglovercn 2017-07-20  
麻烦发一份代码给我吧 1035062758@qq.com 谢谢了!
26 楼 rui2009 2017-01-11  
楼注求源码,邮箱:1217815567@qq.com,谢谢~
25 楼 adelardo 2016-09-06  
my97DatePicker选择年、季度、月、周、日实现季度选择的代码能发一下吗楼主,QQ:564824609@qq.com
24 楼 aixinjing 2016-07-01  
你的那个获取周数 的函数 会把周日算在下一个周 比如20160710是周日 给算作第29周 其实应该是28的 你遇到过没
23 楼 rogermmjj 2016-06-23  
哥们,麻烦给我发份源码吧,万分感谢!275898068@qq.com
22 楼 tizzyg 2016-06-16  
楼主给力啊,求源码,求楼主发我一份啊,邮箱393047074@qq.com
21 楼 zhaojucun 2016-04-15  
楼主,麻烦给我发份源码吧, 万分感谢!287364143@qq.com
20 楼 yzuxszl 2016-03-23  
请发一份代码给我吧
861442688@qq.com
多谢了!
19 楼 hulun 2016-01-11  
您好,能发我一份吗?604453814@qq.com
18 楼 syrzhs 2015-12-20  
征途2010 写道
fjr_huoniao 写道
楼主给力,刚刚有这个需求,麻烦发我一份:1908581061@qq.com,谢谢了。
已发送

17 楼 征途2010 2015-12-19  
fjr_huoniao 写道
楼主给力,刚刚有这个需求,麻烦发我一份:2225627044@qq.com,谢谢了。
已发送
16 楼 fjr_huoniao 2015-12-17  
楼主给力,刚刚有这个需求,麻烦发我一份:2225627044@qq.com,谢谢了。
15 楼 Roger110 2015-12-16  
麻烦发我一份,谢谢了!!420698679@qq.com
14 楼 征途2010 2015-11-12  
wangchy_123 写道
给我发一份吧 多谢  403098518@qq.com

已发送
13 楼 wangchy_123 2015-11-12  
给我发一份吧 多谢  403098518@qq.com
12 楼 征途2010 2015-09-21  
wzg_521 写道
发我一份谢谢,521081235@qq.com

已发送
11 楼 wzg_521 2015-09-20  
发我一份谢谢,521081235@qq.com
10 楼 征途2010 2015-09-15  
123305296 写道
请发一份代码给我吧
544615460@qq.com
谢谢了!

已发送
9 楼 123305296 2015-09-06  
请发一份代码给我吧
544615460@qq.com
谢谢了!

相关推荐

    my97DatePicker选择年、季度、月、周、日 【季度可用】

    My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker...

    My97DatePicker 选择季度功能

    在这个特定的场景中,我们关注的是如何利用My97DatePicker来实现选择季度的功能。 在传统的网页表单中,用户通常只能选择具体的日期,但有时业务需求可能需要用户选择一个时间段,比如季度。My97DatePicker的默认...

    季度js插件(基于My97DatePicker)

    【季度js插件(基于My97DatePicker)】是一款针对日期选择功能进行二次开发的JavaScript插件,它在原生的My97DatePicker基础上进行了扩展,以满足用户更具体的需求,特别是针对季度选择的场景。My97DatePicker是一款...

    My97DatePicker使用 日期获取

    My97 DatePicker是一款非常流行的JavaScript日期选择插件,尤其在Web开发中被广泛使用。它提供了丰富的自定义功能和友好的用户界面,使得在网页上处理日期输入变得更加简单。本文将详细介绍如何利用My97 DatePicker...

    好用的时间控件 My97DatePicker

    My97DatePicker正是这样一款高效的时间选择工具,它提供了多种自定义选项,以适应不同的设计需求。 My97DatePicker的特点包括: 1. **用户友好**:提供清晰的日期选择界面,用户可以通过弹出的日历视图轻松选择...

    My97DatePicker(几种日历控件/js/实例演示)

    My97DatePicker是一款广泛使用的JavaScript日期选择器控件,它为网页中的日期输入提供了便捷的交互体验。这个控件以其高效、易用和高度可定制性而受到开发者的青睐。在网页开发中,日期选择器通常用于用户输入日期时...

    日历控件my97datepicker

    My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件 ...

    MY97datepicker.rar

    《MY97DatePicker:一款备受青睐的JavaScript日期选择器组件》 在网页开发中,日期选择器是一个不可或缺的元素,它使得用户能够方便地输入或选择日期,提升了用户体验。MY97DatePicker是一款广受欢迎的JavaScript...

    日期控件My97DatePicker的使用

    My97DatePicker是一款在中国广泛应用的JavaScript日期选择控件,它为网页开发者提供了强大的日期输入功能。这款控件以其丰富的自定义选项、良好的兼容性和用户体验而备受赞誉。在本文中,我们将深入探讨My97...

    My97DatePicker 时间选择框 小示例

    My97DatePicker支持自定义时间格式,例如“yyyy-MM-dd HH:mm:ss”、“yyyy年MM月dd日”等。你可以通过设置插件的配置参数`WdateFmt`来指定日期和时间的显示格式。例如,如果你想显示的日期格式为“2023-04-06 14:30...

    My97DatePicker

    在网页开发中,日期和时间的选择常常是一项必不可少的功能,而My97 DatePicker则是一款高效、易用且功能丰富的JavaScript时间插件,专为网页设计者提供日期选择解决方案。这款插件以其直观的用户界面和灵活的配置...

    My97DatePicker4.0

    总的来说,My97DatePicker4.0是一款高效、灵活的JavaScript日期选择控件,它提供了丰富的功能和高度的自定义性,能够帮助开发者轻松地在网页中实现日期选择功能。无论是小型个人项目还是大型企业应用,My97...

    My97DatePicker.rar

    1. 自定义格式:使用`dateFmt`参数,我们可以自定义日期的显示格式,如`yyyy-MM-dd`或`yyyy年MM月dd日`等。 2. 日期范围限制:通过`minDate`和`maxDate`参数,可以限制用户可以选择的日期范围。 3. 验证规则:`...

    My97DatePicker 4.7

    一款很不错的基于JavaScript的日期控件——My97DatePicker,这是官方早两天更新修正的最新版本 v4.7 ,去掉了原有包中一些无用文件。本JS日历使用者非常多,因为其功能比较多,它可以定义多种形式的调用方法:比如...

    My97 DatePicker 4.8 官方标准资源

    My97 DatePicker 4.8 官方标准资源 在页面中引入该组件js文件即可: &lt;script type="text/JavaScript" src="My97DatePicker/WdatePicker.js"&gt;&lt;/script&gt;

    My97 DatePicker My97日期控件 4.8正式版

    更人性化,更全面的功能 大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,...

    My97DatePicker 时间选择插件

    - 用户友好的界面:My97DatePicker提供了一种直观的用户界面,允许用户通过日历视图选择日期,同时支持快速选择年、月、日。 - 多种日期格式:插件支持多种日期格式输出,如'YYYY-MM-DD'、'MM/DD/YYYY'等,可以...

    My97DatePicker安装包

    My97DatePicker安装包My97DatePicker安装包My97DatePicker安装包My97DatePicker安装包

Global site tag (gtag.js) - Google Analytics