js时间控件只显示年月

发布时间 - 2026-01-10 22:22:27    点击率:

话不多说,请看代码:

<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'); //显示月份层的触发控件
 }); 

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# js  # 时间控件  # 年月时间控件  # AngularJS ng-blur 指令详解及简单实例  # 老生常谈onBlur事件与onfocus事件(js)  # jsp+ajax实现的局部刷新较验验证码(onblur事件触发较验)  # javascript委托(Delegate)blur和focus用法实例分析  # Js中的onblur和onfocus事件应用介绍  # AngularJS Controller作用域  # JS 实现计算器详解及实例代码(一)  # JSP页面跳转方法小结  # 详解js中==与===的区别  # java后端把数据转换为树  # map递归生成json树  # 返回给前端(后台转换)  # 完美解决node.js中使用https请求报CERT_UNTRUSTED的问题  # JS实现iframe自适应高度的方法示例  # Javascript blur与click冲突解决办法  # jsp页面显示数据库的数据信息表  # 弹出  # 不时之需  # 不需要  # 多说  # 绑定  # 以备  # 框中  # 输入框  # 加载  # 中月  # trigger  # click  # div  # span  # td  # month  # calendar  # menu  # tds  # setTimeout 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 教你用AI润色文章,让你的文字表达更专业  怎样使用JSON进行数据交换_它有什么限制  EditPlus中的正则表达式实战(6)  微信h5制作网站有哪些,免费微信H5页面制作工具?  javascript中数组(Array)对象和字符串(String)对象的常用方法总结  Laravel怎么解决跨域问题_Laravel配置CORS跨域访问  如何快速选择适合个人网站的云服务器配置?  如何用狗爹虚拟主机快速搭建网站?  网站广告牌制作方法,街上的广告牌,横幅,用PS还是其他软件做的?  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站?  Laravel中间件如何使用_Laravel自定义中间件实现权限控制  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  如何在IIS7上新建站点并设置安全权限?  在线教育网站制作平台,山西立德教育官网?  Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置  Windows Hello人脸识别突然无法使用  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  微信小程序 scroll-view组件实现列表页实例代码  Laravel怎么生成二维码图片_Laravel集成Simple-QrCode扩展包与参数设置【实战】  Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调?  手机软键盘弹出时影响布局的解决方法  网站制作软件有哪些,制图软件有哪些?  进行网站优化必须要坚持的四大原则  如何彻底卸载建站之星软件?  Laravel怎么实现支付功能_Laravel集成支付宝微信支付  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  如何在万网主机上快速搭建网站?  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?  悟空识字怎么关闭自动续费_悟空识字取消会员自动扣费步骤  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  免费视频制作网站,更新又快又好的免费电影网站?  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  如何用VPS主机快速搭建个人网站?  如何在服务器上三步完成建站并提升流量?  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  如何在Windows环境下新建FTP站点并设置权限?  iOS验证手机号的正则表达式  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  使用PHP下载CSS文件中的所有图片【几行代码即可实现】  google浏览器怎么清理缓存_谷歌浏览器清除缓存加速详细步骤  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?  如何自定义建站之星模板颜色并下载新样式?