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入门学习资料收集整理篇
Jul 06 Javascript
Js 本页面传值实现代码
May 17 Javascript
原生javascript获取元素样式属性值的方法
Dec 25 Javascript
jquery实现漂亮的二级下拉菜单代码
Aug 26 Javascript
实例详解JavaScript获取链接参数的方法
Jan 01 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
一个简单不报错的summernote 图片上传案例
Jul 11 Javascript
JavaScript中的编码和解码函数
Feb 15 Javascript
vue 2.0路由之路由嵌套示例详解
May 08 Javascript
Node.JS文件系统解析实例详解
May 15 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
vue 实现弹窗关闭后刷新效果
Apr 08 Vue.js
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+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
有关PHP中MVC的开发经验分享
2012/05/17 PHP
PHP编写RESTful接口
2016/02/23 PHP
php判断手机浏览还是web浏览,并执行相应的动作简单实例
2016/07/28 PHP
php中namespace及use用法分析
2016/12/06 PHP
PHP 7.0新增加的特性介绍
2017/06/08 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
node.js中的socket.io的广播消息
2014/12/15 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
2018/12/24 Javascript
小程序实现左滑删除的效果的实例代码
2020/10/19 Javascript
通过实例了解Render Props回调地狱解决方案
2020/11/04 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
python实现文本去重且不打乱原本顺序
2016/01/26 Python
Python处理CSV与List的转换方法
2018/04/19 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
使用python修改文件并立即写回到原始位置操作(inplace读写)
2020/06/28 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
学点简单的Django之第一个Django程序的实现
2021/02/24 Python
全面解析CSS Media媒体查询使用操作(推荐)
2017/08/15 HTML / CSS
吃透移动端 Html5 响应式布局
2019/12/16 HTML / CSS
日本小田急百货官网:Odakyu
2018/07/19 全球购物
介绍一下Mysql的存储引擎
2015/02/12 面试题
设置器与访问器的定义以及各自特点
2016/01/08 面试题
自我鉴定三原则
2014/01/13 职场文书
工作失误检讨书范文大全
2014/01/13 职场文书
环境工程专业自荐信范文
2014/03/18 职场文书
学校三节实施方案
2014/06/09 职场文书
私人委托书格式
2014/09/10 职场文书
英语演讲开场白
2015/05/29 职场文书
pandas取dataframe特定行列的实现方法
2021/05/24 Python