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 Tab 导航插件 (23个)
Jun 11 Javascript
JavaScript中的Array对象使用说明
Jan 17 Javascript
javascript实现获取cookie过期时间的变通方法
Aug 14 Javascript
jQuery模拟select实现下拉菜单功能
Jun 20 Javascript
AngularJS延迟加载html template
Jul 27 Javascript
JavaScript运动框架 多物体任意值运动(三)
May 17 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
Jul 11 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
vue实现在v-html的html字符串中绑定事件
Oct 28 Javascript
JavaScript交换变量常用4种方法解析
Sep 02 Javascript
vue实现简易音乐播放器
Aug 14 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实现的文件操作类及文件下载功能示例
2016/12/24 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
2013/09/03 Javascript
javascript full screen 全屏显示页面元素的方法
2013/09/27 Javascript
不使用jquery实现js打字效果示例分享
2014/01/19 Javascript
JavaScript对象之深度克隆介绍
2014/12/08 Javascript
jQuery简单实现遍历数组的方法
2015/04/14 Javascript
js 判断各种数据类型的简单方法(推荐)
2016/08/29 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
2017/10/15 jQuery
React Native时间转换格式工具类分享
2017/10/24 Javascript
原生JS实现简单的无缝自动轮播效果
2018/09/26 Javascript
使用express获取微信小程序二维码小记
2019/05/21 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
小程序简单两栏瀑布流效果的实现
2019/12/18 Javascript
vuex入门最详细整理
2020/03/04 Javascript
mpvue网易云短信接口实现小程序短信登录的示例代码
2020/04/03 Javascript
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
Python3.7 基于 pycryptodome 的AES加密解密、RSA加密解密、加签验签
2019/12/04 Python
Python enumerate内置库用法解析
2020/02/24 Python
python游戏开发的五个案例分享
2020/03/09 Python
python中remove函数的踩坑记录
2021/01/04 Python
Boda Skins皮衣官网:奢侈皮夹克,全球配送
2016/12/15 全球购物
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
出门问问全球官方商城:Tichome音箱和TicWatch智能手表
2017/12/02 全球购物
西班牙多品牌鞋店连锁店:Krack
2018/11/30 全球购物
应聘自荐信
2013/12/14 职场文书
幼儿园元旦亲子活动方案
2014/02/17 职场文书
施工协议书范本
2014/04/22 职场文书
小学班主任培训心得体会
2016/01/07 职场文书
2016年读书月活动总结范文
2016/04/06 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
Windows下用Nginx配置https服务器及反向代理的问题
2021/09/25 Servers