easyui datebox时间控件改为年月视图,值也为年月

效果图

<span>聘任年度:</span><input id="search-prnd" class="easyui-datebox"style="width:164px;line-height:26px;border:1px solid #ccc"data-options="formatter:myformatter,parser:myparser">

 //聘任年度年月视图格式化$('#search-prnd').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$('#search-prnd').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 = $('#search-prnd').datebox('panel'), //日期选择对象tds = false, //日期选择对象中月份yearIpt = p.find('input.calendar-menu-year'), //年份输入框span = p.find('span.calendar-text'); //显示月份层的触发控件

 //时间控件格式化function myformatter(date) {var y = date.getFullYear();var m = date.getMonth() + 1;// var d = date.getDate();// return y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d);return y + '-' + (m < 10 ? ('0' + m) : m);}function myparser(s) {if (!s) return new Date();var ss = (s.split('-'));var y = parseInt(ss[0], 10);var m = parseInt(ss[1], 10);// var d = parseInt(ss[2], 10);// if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {if (!isNaN(y) && !isNaN(m)) {return new Date(y, m - 1);} else {return new Date();}}

easyui datebox时间控件改为年月视图,值也为年月相关推荐

easyui datebox时间控件如何只显示年月
easyui datebox控件,只显示年月,不显示年月日需要的效果图如下: 具体的js代码: <script>$(function(){intiMonthBox('costTime') ...
EasyUI年-月日期格式的日期时间控件+行内编辑的年-月日期格式的日期时间控件
一.input标签下的easyui-datebox的年月时间格式 1.标签代码 <label style="font-size: 14px;font-family: Microsoft ...
关于EasyUI DataGrid行编辑时嵌入时间控件
本人做一个名为"安徽中控"项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必 ...
记一次重写easyui的datetimebox控件的小片段
因为项目中服务器使用UTC时间,而easyui的datetimebox点击今天获取的是本地时间,存在时差.所以扩展了easyui的datetimebox控件,具体如下: easyui官方的dateti ...
My97DatePicker时间控件使用
My97DatePicker时间控件使用 My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件: ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...
vue时间控件美化成IOS样式(移动端)，vux组件datatime添加星期几/周几教程
input的时间控件有三种类型属性 Android IOS type="date" 年+月+日(原生UI样式) 年+月+日(滚轮样式) type="datetime&q ...
angularjs 整合bootstrap 时间控件
一.引入js <link href="${basePath}/static/plugin/bootstrap/css/bootstrap-datetimepicker.min.css& ...
laydate 时间控件去掉秒以及解决在移动端不能滑动的问题
一.时间控件去掉秒,保留时分二.时间控件在移动端不能滚动一.时间控件去掉秒,保留时分方法一:使用 ready 回调函数 ready 控件在打开时触发.打开控件时让秒消失. <script& ...

easyui datebox时间控件改为年月视图,值也为年月

easyui datebox时间控件改为年月视图,值也为年月相关推荐

最新文章

热门文章