< td > 年月 </ td > < input id = "attYearMonth" editable = "false" name = "attYearMonth" class = "easyui-datebox" style = "width: 172px" /> </ table >

2、设置只显示年月,只能选持年月:

$(function() {
   $('#attYearMonth').datebox({
       //显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层
       onShowPanel: function () {
          //触发click事件弹出月份层
          span.trigger('click'); 
          if (!tds)
            //延时触发获取月份对象,因为上面的事件触发和对象生成有时间间隔
            setTimeout(function() { 
                tds = p.find('div.calendar-menu-month-inner td');
                tds.click(function(e) {
                   //禁止冒泡执行easyui给月份绑定的事件
                   e.stopPropagation(); 
                   //得到年份
                   var year = /\d{4}/.exec(span.html())[0] ,
                   //之前是这样的month = parseInt($(this).attr('abbr'), 10) + 1; 
                   month = parseInt($(this).attr('abbr'), 10);  
         //隐藏日期对象                     
         $('#attYearMonth').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 = $('#attYearMonth').datebox('panel'), 
        //日期选择对象中月份
        tds = false, 
        //显示月份层的触发控件
        span = p.find('span.calendar-text'); 
        var curr_time = new Date();
        //设置前当月
        $("#attYearMonth").datebox("setValue", myformatter(curr_time));

3、myformatter函数:

//格式化日期
function myformatter(date) {
    //获取年份
    var y = date.getFullYear();
    //获取月份
    var m = date.getMonth() + 1;
    return y + '-' + m;

4、运行效果

只显示年月

只能选择年月

本文参考转截easyui datebox 只选择年月

说明:本文代码与参考连接不同的地方有两处理:
不同1、myformatter函数
转载为:

//格式化日期
function myformatter(date) {
  var y = date.getFullYear();
  var m = date.getMonth() + 1;
  //var d = 1;
  return y + ‘-‘ + (m < 10 ? (‘0‘ + m) : m);//+ ‘-‘ + (d < 10 ? (‘0‘ + d) : d);
//格式化日期
function myformatter(date) {
    //获取年份
    var y = date.getFullYear();
    //获取月份
    var m = date.getMonth() + 1;
    return y + '-' + m;

不同2、formatter

转截formatter:

formatter: function (d) { 
   return d.getFullYear() + ‘-‘ +(d.getMonth()+1); 

本文formatter:

formatter: function (d) { 
     var currentMonth = (d.getMonth()+1);
     var currentMonthStr = currentMonth < 10 ? ('0' + currentMonth) : (currentMonth + '');
     return d.getFullYear() + '-' + currentMonthStr; 
				
easyui日期控件选择份,保存记录一下。 <input id="month" class="easyui-datetimebox" name="month" data-options="required:true,formatter:myformatter,parser:myParser" 160px" />
工作中遇到的问题,在此记录一下。需求:前台页面使用了EasyUI框架,在某一个html页面中要求datetimebox显示格式为日和小时,如图所示: 尝试过两种方法,分别如下: 第一种方法: datetimebox 依赖 datebox和timespinner两个组件,拥有datebox的formatter格式化日期和时间显示方式的属性;重写了formatter属性,来改变日期框的显示方式
代码如下: <tr><th>发售起始日期</th> <td><input type=”text” id=”usLineTime” name=”usLineTime” size=”20″ class=’easyui-validatebox Wdate’ onFocus=”WdatePicker({el:’usLineTime’,dateFmt:’yyyy-MM-dd’,maxDate:’#F{$dp.$D(\’ueLineTime\’)}’})” value=”<fmt:formatDate value=”${product.usLineTime}” pattern =”yyyy-MM-dd”
html代码: &amp;lt;%@ page contentType=&quot;text/html;charset=UTF-8&quot; %&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;easyui选择控件&amp
因项目需要,easyui 本身也没找到属性配置,所以自己实现, 参考了https://blog.csdn.net/ytangdigl/article/details/73381958 但这边做了简化改进,重点在于打开日历的时候,点击选择份的标签,然后监听份点击。 onShowPanel : function() {// 显示日期选择对象后再触发弹出份层的事件,初始化时没有生成份层 span.trigger('click'); // 触发click事件弹出份层 setTimeout(...
最近遇到按统计系统KIP的需求,用的easyui框架,由于easyui默认不带功能,于是打算通过改写easyuidatebox实现功能,经过摸索完美实现easyui功能,简要记录如下: 先上最终结果图: 地址:https://pan.baidu.com/s/13rHyTraaV6LL1zjjzp99sA&shfl=sharepset 提取码:l0as 二、修改datebox 输入框data-options属性 然后js代码: $(document).ready(funct...
<meta charset="UTF-8"> <title>更改easyui日期控件,使其只显示</title> <!-- 引入jquery脚本文件,jquery必须在easyui之前引入,因为easyui是jquery的插件 -->
EasyUI datebox控件默认只显示选择 EasyUI 的时间控件datebox一般默认为显示日期选择,有的时候业务需求只显示份与份,原生的datebox控件js并没有提供这样的选项,这时候就需要写js去实现,废话不多说,上实例: 1.下载easyui包 首先需要下载easyui包,这个直接从官网上下载就行了:http://www.jeasyui.net/download/jquer...
Easyui行编辑只选择 原版地址:https://my.oschina.net/zdway/blog/4930780 $("#dgEquipProData").datagrid({ url: '后台取路径的地址', queryParams:equipProQuery , columns: [[ field: 'MonthDate', title: '份'
是的,EasyUI 日期控件可以设置传参到后端,并使用 Date 类型接收。 在前端,您可以使用 EasyUI日期控件选择日期,并将其值作为参数传递给后端。例如: ```html <input id="dateInput" class="easyui-datebox" name="date" /> 然后,您可以使用 JavaScript 获取日期控件的值,并将其作为参数发送到后端。例如: ```javascript var date = $('#dateInput').datebox('getValue'); $.ajax({ url: '/your-endpoint', method: 'POST', data: { date: date }, success: function(response) { // 处理成功响应 error: function(error) { // 处理错误响应 在后端,您可以使用 Date 类型接收日期参数。具体如何接收依赖于您使用的后端框架和编程语言。例如,在 Java 的 Spring MVC 中,您可以通过如下方式接收日期参数: ```java @PostMapping("/your-endpoint") public void yourControllerMethod(@RequestParam("date") Date date) { // 处理接收到的日期 确保在前后端传递日期时,格式一致并正确解析日期值。根据您的实际需求,可能需要进行相关的日期格式化和解析操作。