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 相关文章推荐
双击滚屏-常用推荐
Nov 29 Javascript
checkbox 复选框不能为空
Jul 11 Javascript
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
JavaScript中的排序算法代码
Feb 22 Javascript
JavaScript 变量、作用域及内存
Apr 08 Javascript
javascript获取文档坐标和视口坐标
May 26 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
Jan 05 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
Jul 06 Javascript
重新理解JavaScript的六种继承方式
Mar 24 Javascript
fetch 使用及如何接收JS传值
Nov 11 Javascript
JavaScript封闭函数及常用内置对象示例
May 13 Javascript
JavaScript中跨域问题的深入理解
Mar 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
使用xampp搭建运行php虚拟主机的详细步骤
2015/10/21 PHP
php仿微信红包分配算法的实现方法
2016/05/13 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
2013/03/28 Javascript
深入解读JavaScript中的Hoisting机制
2015/08/12 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
vue.js  父向子组件传参的实例代码
2017/10/29 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
koa+jwt实现token验证与刷新功能
2019/05/30 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
[50:44]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第二场 2月22日
2021/03/11 DOTA
Python实现发送QQ邮件的封装
2017/07/14 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
Python小白必备的8个最常用的内置函数(推荐)
2019/04/03 Python
python super的使用方法及实例详解
2019/09/25 Python
CSS3中31种选择器使用方法教程
2013/12/05 HTML / CSS
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
给海归自荐信的建议
2013/12/13 职场文书
党日活动总结
2014/05/07 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书
开展批评与自我批评心得体会
2014/10/17 职场文书
幼儿教师小班个人总结
2015/02/05 职场文书
2019奶茶店创业计划书范本!
2019/07/15 职场文书
哪类餐饮行业,最适合在高校创业?
2019/08/19 职场文书
PHP使用非对称加密算法RSA
2021/04/21 PHP
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python
解析redis hash应用场景和常用命令
2021/08/04 Redis
在js中修改html body的样式
2021/11/11 Javascript