js时间控件只显示年月


Posted in Javascript onJanuary 08, 2017

话不多说,请看代码:

<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时间控件只显示年月

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

Javascript 相关文章推荐
JavaScript使用prototype定义对象类型
Feb 07 Javascript
jquery 多级下拉菜单核心代码
May 21 Javascript
浅析Prototype的模板类 Template
Dec 07 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
jquery更换文章内容与改变字体大小代码
Sep 30 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
javascript实现rgb颜色转换成16进制格式
Jul 10 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
详解js中Array的方法及技巧
Sep 12 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
Sep 11 Javascript
js实现旋转的星空效果
Nov 01 Javascript
JavaScript原型继承和原型链原理详解
Feb 04 Javascript
javascript函数的四种调用模式
Jan 08 #Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 #Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
Jan 08 #Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
Jan 08 #Javascript
jQuery+ajax的资源回收处理机制分析
Jan 07 #Javascript
JS实现iframe自适应高度的方法示例
Jan 07 #Javascript
JS小数转换为整数的方法分析
Jan 07 #Javascript
You might like
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
php封装的验证码类分享
2017/02/26 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
2010/06/18 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
BootStrap轮播HTML代码(推荐)
2016/12/10 Javascript
老生常谈js中的MVC
2017/07/25 Javascript
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
微信公众号H5之微信分享常见错误和问题(小结)
2019/11/14 Javascript
vue+koa2搭建mock数据环境的详细教程
2020/05/18 Javascript
python将人民币转换大写的脚本代码
2013/02/10 Python
python动态加载变量示例分享
2014/02/17 Python
selenium+python实现自动登录脚本
2018/04/22 Python
如何在Django中设置定时任务的方法示例
2019/01/18 Python
python实现维吉尼亚加密法
2019/03/20 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
巴西独家产品和现场演示购物网站:Shoptime
2019/07/11 全球购物
行政管理人员精品工作推荐信
2013/11/04 职场文书
幼儿园中秋节活动方案2013
2014/01/29 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
中学生运动会口号
2014/06/07 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
集结号观后感
2015/06/08 职场文书
2015中秋祝酒词
2015/08/12 职场文书
2015年幼儿园师德师风建设工作总结
2015/10/23 职场文书