JQuery EasyUI 日期控件 怎样做到只显示年月,而不显示日

标题问题的答案在OSChina中

http://www.oschina.net/question/2282354_224401?fromerr=lHJTcN89

我还是把这个记录下来

=================================================================

<input id="dlgReleaseTime" class="easyui-datebox"></input>

$(‘#dlgReleaseTime‘).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); //月份
                                $(‘#dlgReleaseTime‘).datebox(‘hidePanel‘) //隐藏日期对象
                                    .datebox(‘setValue‘, year + ‘-‘ + month); //设置日期的值
                            });
                        }, 0);
                },
                parser: function (s) {//配置parser,返回选择的日期
                    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); }//配置formatter,只返回年月
            });
            var p = $(‘#dlgReleaseTime‘).datebox(‘panel‘), //日期选择对象
                tds = false, //日期选择对象中月份
                span = p.find(‘span.calendar-text‘); //显示月份层的触发控件
            var curr_time = new Date();
            $("#dlgReleaseTime").datebox("setValue", myformatter(curr_time));

时间: 2024-10-22 21:18:54

JQuery EasyUI 日期控件 怎样做到只显示年月,而不显示日的相关文章

jquery datepicker日期控件用法

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat=

easyui 日期控件清空值

最近用了Easyui的日期控件datebox,项目中要将选中值清空,于是就研究了一下. 1,调用方法清空 [javascript] view plain copy print? $('#yourId').combo('setText',''); 2,更改js文件 从官网下载的源文件中,datebox控件界面只有‘Today’,‘Close’事件,我们可以把清空选项值的事件添加到js中去,这样,只要引用了datebox这个控件,界面上就会有清空选项.具体修改步骤如下: 首先在官网上下载jquery

jQuery Datepicker日期控件

datepicker可以为bootstrap添加一个事件选择控件,适用于任何需要调用的场合,支持多种事件格式输出(比如:dd, d, mm, m, yyyy, yy等),是制作网页不可缺失的插件. Requirements Bootstrap 2.0.4+ jQuery 1.7.1+ 在线文档 Datepicker基础使用 Datepicker功能定制 Datepicker英文文档 Datepicker中文文档 Datepicker项目主页 简单示例 var nowTemp =newDate()

Jquery Mobile日期控件mobiscroll

1.日期控件 参考:http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html http://www.wglong.com/main/artical!details?id=11 <link href="css/mobiscroll.custom-2.5.0.min.css" rel="stylesheet" type="text/css" /> <script sr

jQuery LayDate 日期控件

她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器.她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘.layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用.她遵循LGPL协议,您可以免费将她用于任何个人项目. 版本 LayDate 1.1 作者:闲心贤 github 在线实例 实例预览 layDate - js日期控件与时间插件演示 实例预览 

重写DEV的DateEdit控件的类只选择年月

最新在做CRM的报表,查询条件只需要年月,DateEdit 以及几个时间控件都用的不顺,强迫症犯了一怒之下起了重写DateEdit的想法 新建一个类 CXDateEdit using DevExpress.XtraEditors; using DevExpress.XtraEditors.Calendar; using DevExpress.XtraEditors.Controls; using DevExpress.XtraEditors.Popup; using DevExpress.Xtr

easyUI日期控件只选择月份和日期

最近的工作中,有块业务要求只选择月份和日期,翻遍了easyUI的API和网络资料也没找到方法,网上几乎都是只要年份或者年月,没有我需要的场景.遂自己琢磨了下,最终成功只选择月份和日期,过滤掉了年份. 我想要的是这样的↓ 我修改后的效果是这样的↓ 现分享代码如下: 1 $("#"+param).datebox({ 2 showSeconds: false, 3 required:true, 4 onShowPanel: function () {// 隐藏年的选择 5 $(".

jQuery DateTimePicker 日期控件

在线实例 实例演示 使用方法 <input id="datetimepicker" type="text" > 复制 $('#datetimepicker').datetimepicker(); 复制 参数详解 参数 描述 默认值 lang 语言选择中文 "ch" - format 格式化日期 - timepicker 是否开启时间选项 false yearStart 设置最小年份 - yearEnd 设置最大年份 - todayBu

easyUI日期控件获值和赋值

一,获值 1.$("#id").datebox('getValue') 2.$("input[name='mydate']").val() 参考:http://www.cnblogs.com/iyangyuan/p/3358239.html 二,赋值(赋当前时间) //获取当前日期并格式化function getNowFormatDate() {  var date = new Date();  var seperator1 = "-";  va