easyui展示年月

easyui展示年月，不要日

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>EasyUI,时间控件，年月</title><script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script><script src="js/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script><script src="js/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script><link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/themes/icon.css" /><link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.6/themes/default/easyui.css" /></head><body class="easyui-layout" style="font-family: '微软雅黑'"><form id="leftsearchFrom" action=""><div data-options="region:'center',split:true,border:false,title:'数据展示'"><div id="tb" style="padding:5px;height:auto"><div><input id="MonthTime" editable="false" name="MonthTime" class="easyui-datebox" style="width: 172px" data-options="required:true,prompt: '年月'" /><span class="toolbar-item dialog-tool-separator"></span><a href="javascript(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="devicecx()">查询</a><span class="toolbar-item dialog-tool-separator"></span><a href="javascript(0)" class="easyui-linkbutton" iconCls="icon-delete" plain="true" onclick="deviceclear()">重置查询条件</a></div></div><table id="dg"><div id="mainbars" style="height:400px"></div></table></div></form><script type="text/javascript">$(function() {setMonth();});function setMonth() {$('#MonthTime').datebox({//显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层onShowPanel: function() {//触发click事件弹出月份层span.trigger('click');if (!tds)//延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔setTimeout(function() {tds = p.find('div.calendar-menu-month-inner');tds.click(function(e) {//禁止冒泡执行easyui给月份绑定的事件e.stopPropagation();//得到年份var year = /\d{4}/.exec(span.html())[0];//月份//之前是这样的month = parseInt($(this).attr('abbr'), 10) + 1; //                     var month = parseInt(p.find('td.calendar-selected').attr('abbr'), 10); var month = parseInt(p.find('td.calendar-menu-month.calendar-selected').attr('abbr'), 10);//tdmonth = p.find('td.calendar-selected').attr('abbr'); //alert(tdmonth);//calendar-selected//隐藏日期对象                     $('#MonthTime').datebox('hidePanel')//设置日期的值.datebox('setValue', year + '-' + month);});}, 0);},//配置parser，返回选择的日期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，只返回年月 之前是这样的d.getFullYear() + '-' +(d.getMonth()); formatter: function(d) {var currentMonth = (d.getMonth() + 1);var currentMonthStr = currentMonth < 10 ? ('0' + currentMonth) : (currentMonth + '');return d.getFullYear() + '-' + currentMonthStr;}});//日期选择对象var p = $('#MonthTime').datebox('panel'),//日期选择对象中月份tds = false,//显示月份层的触发控件span = p.find('div.calendar-title span');var curr_time = new Date();//设置前当月$("#MonthTime").datebox("setValue", myformatter(curr_time));}//格式化日期function myformatter(date) {//获取年份var y = date.getFullYear();//获取月份var m = date.getMonth() + 1;return y + '-' + m;}</script></body></html>

easyui展示年月相关推荐

java easyui 分页_Spring mvc+easyui做列表展示及分页
Spring mvc有一个注解@ResponseBody可以自己将返回数据解析成json,不用在response.getWriter(),设置response的编码之类的. 1.首先在spring-m ...
js date 加一天_开发效率创新高，只因收下了这波 JS 操作
各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的.这个时候就需要寻求搜索引擎的帮助.这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味.因此这篇文字包含了一份 JS ...
js 获取url问号前_收下这波 JS 技巧，从此少加班
各种业务开发都离不开对数据的处理,然而遇到的很多数据都是不好处理的.这个时候就需要寻求搜索引擎的帮助.这种方法效率是非常低下的,而且根据作者的个性不能保证其对自己的口味.因此这篇文字包含了一份 JS ...
Android-签到日历
前言项目中签到的日历尝试过用GridView或者Recyclerview来实现,用ViewFilper或者ViewPager实现切换动画,功能是实现了,但是第一次启动时,因为GridView或者Re ...
c 后台输出easyui html,EasyUI——实现展示后台数据代码
下面是View显示代码: @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml" ...
easyui datebox时间控件如何只显示年月
easyui datebox控件,只显示年月,不显示年月日需要的效果图如下: 具体的js代码: <script>$(function(){intiMonthBox('costTime') ...
html只能选择年月,EasyUi日期控件datebox设置，只显示年月，也只能选择年月
EasyUi日期控件datebox设置,只显示年月,也只能选择年月 1.input 代码年月 1 2 3 4 5 6 7 8 2.设置只显示年月,只能选持年月: $(function() { $(' ...
easyUI datebox 日期只显示年月及年月日切换的实现 js样式重新渲染加载
记录一下,最近的做的一个功能,需要在easyUI的日期框datebox 中,只显示年月格式,同时,还需要切换到年月日的格式第一步:如何显示年月日,默认当前一天如下代码是:报表日期及时间选择框报表 ...
EasyUI DataGrid DetailView（数据表格详细展示带子表格）
Mark一下EASY UI 的数据表格详细展示使用记录. 第一步:创建页面布局这一步主要是引用Easy UI的JS,除了easyui.min.js还有datagrid-detailview.js & ...

easyui展示年月

easyui展示年月相关推荐

最新文章

热门文章