时间控件只显示年月

 <input id="db"  />

初始化加载db标签。

 $(function () {
            $(‘#db‘).datebox({
                onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层
                    span.trigger(‘click‘); //触发click事件弹出月份层
                    if (!tds) setTimeout(function () {//延时触发获取月份对象,因为上面的事件触发和对象生成有时间间隔
                        tds = p.find(‘div.calendar-menu-month-inner td‘);
                        tds.click(function (e) {
                            e.stopPropagation(); //禁止冒泡执行easyui给月份绑定的事件
                            var year = /\d{4}/.exec(span.html())[0]//得到年份
                            , month = parseInt($(this).attr(‘abbr‘), 10); //月份,这里不需要+1
                            $(‘#db‘).datebox(‘hidePanel‘)//隐藏日期对象
                            .datebox(‘setValue‘, year + ‘-‘ + month); //设置日期的值
                        });
                    }, 0);
                    yearIpt.unbind();//解绑年份输入框中任何事件
                },
                parser: function (s) {
                    if (!s) return new Date();
                    var arr = s.split(‘-‘);
                    return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1);
                },
                formatter: function (d) {
                    return d.getFullYear() + ‘-‘ + (d.getMonth() + 1);
                }
            });
            var p = $(‘#db‘).datebox(‘panel‘), //日期选择对象
                tds = false, //日期选择对象中月份
                yearIpt = p.find(‘input.calendar-menu-year‘),//年份输入框
                span = p.find(‘span.calendar-text‘); //显示月份层的触发控件

        });

  

点击显示和获取的值就只有年份了,留下以备不时之需。

 

时间: 2024-10-10 10:06:38

时间控件只显示年月的相关文章

extjs 时间控件只显示年月

调用代码一: [javascript] view plain copy print ? var monthField = new Ext.ux.MonthField({ id:'month', fieldLabel: '月份', allowBlank:false, readOnly : true, format:'Y年m月', listeners:{"blur":function(){ alert() }} ); 调用代码二(部分): [javascript] view plain c

wpf 时间控件只显示年月

最近的项目,查询时只需要年和月,不需要日,因此需要对原有的DatePicker进行修改,查询了网上的内容,最终从一篇帖子里看到了添加附加属性的方法,地址是http://stackoverflow.com/questions/1798513/wpf-toolkit-datepicker-month-year-only 原文是用了两个类,其中一个是为了让DatePicker下的Calendar只显示年月,不显示日,另一个类是为了让DatePicker格式化为yyyy-MM格式,但是从文章中可以看出,

zui框架配置日期控件只显示年月

zui框架配置日期控件datetimepicker只显示年月 <!DOCTYPE html> <head> <script src="~/Scripts/jquery-1.11.3.min.js"></script> <script src="~/res/zui-1.9.1-dist/dist/js/zui.min.js"></script> <script src="~/res

ExtJs4.0日期控件只显示年月按年月格式会跳月的解决办法

如果是Ext.form.panel的话,只要设置一下属性就可以.如下代码: { text : '期间', width : 80, sortable : true, dataIndex : 'accountPeriod', format : 'Ym' } 如果是Ext.grid.panel的话,比较麻烦.网上也有各位大神的解决方法,不过都比较麻烦,要重写控件,我向一位大牛请教后整理出一个非常简单的方法,代码: Ext.define('Dpap.branchWithHold.WithHoldGrid

微信小程序中使用vant-weapp中时间控件默认显示每月1号

前提:使用filed框去调用时间选择组件 思路:js中获取当前时间戳,通过转换为时间字符串的方法只转换到年月,日的话选择‘01’为固定值,这样返回的就是每个月的1号的日期字符串了.到时候显示到filed组件即可. 弹出时间选择器默认选择当前月1号:上述已经获取到了当前月1号的日期字符串了,只需要在转换为时间戳,把这个值赋值到时间选择器的value属性上即可. 贴上实现的代码: 1 //获取当前月1号的方法 2 getCurrentMonthOfone(){ 3 var that = this;

jquery easyui datebox 时间控件默认显示当前日期的实现方法

添加如下代码,其中startTime为<input >中id值  <script>//得到当前日期 formatterDate = function(date) { var day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate(); var month = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : "0&qu

Ext5.1日期控件仅显示年月

1.注册xtype类型 2.保存文件为xxxx.js 3.使用 xtype : monthfield return this.buildToolbar({ items: [ { xtype: 'monthfield', cId: 'dfBeginDate', labelWidth: 40, width: 150, format: 'Y-m', fieldLabel: '日期' }, { xtype: 'monthfield', cId: 'dfEndDate', labelWidth: 20,

easyui datebox 扩展 只显示年月

一个日期控件只显示年月是很正常的事情.可是easyui datebox 不支持这种格式的,要么就是截取字符串,不可取,自己没有写过类似的扩展,但是也算是实现功能了,先来张图吧 本人水平有限写不出高深的东西,代码大家都能看懂,但是还是贡献出来,让大家提提意见共同进步吧 $.extend($.fn.combobox.methods, { yearandmonth: function (jq) { return jq.each(function () { var obj = $(this).combo

datetimepicker 时间控件 1899年问题以及解决方法

bootstrap-datetimepicker时间控件显示问题,显示1899年. 案例回顾: 第一次页面加载完点击时间控件,显示正常. 第二次点击的时候,发现显示为1899年 原因调查:结果发现日期格式化的代码出错了 这类问题可以去读一下bootstrap-datetimepicker的源代码,我们会发现它的日期format格式里面没有上述的这种日期格式,也就导致了日期控件选择时间后无法格式化导致内部异常出现了1899年这样的滑稽bug. 解决方案有2个, 一是直接修改format: 'yyy