Try this.

Code:

<div id="c1" class="easyui-calendar" style="width:250px;height:250px;"></div> 

Code:

.calendar-other-month{	
	visibility: hidden;
}

Code:

$('#c1').calendar({
		onNavigate: function(year,month){    			
			if($("#c1").find("tr.calendar-first").find(".calendar-last").css("visibility") == 'hidden'){
				$("#c1").find("tr.calendar-first").css("display","none");		
			}		
			if($("#c1").find("tr.calendar-last").find(".calendar-first").css("visibility") == 'hidden'){
				$("#c1").find("tr.calendar-last").css("display","none");		
			}
		}	
	});
		

http://code.reloado.com/jbhatti/24/edit

use following css.

Code:

.calendar-other-month{	
	visibility: hidden;
}

http://code.reloado.com/jbhatti/23/edit#html,live

You can get checkbox checked property value like this.

Code:

$('#mychk').checkbox("options").checked

$('#dg').datagrid('getSelected') returns the data in JSON format, you should spacyfiy the field name that you want to show in message.

Code:

$.messager.confirm('Confirm','Are you sure you want to delete this certificate?' + row.yourfiedname ,function(r){

Open icon.css file located in "easyui\themes\" folder and add css for your desired icon.

Code:

.icon-home{
   background:url('icons/home.png') no-repeat center center;
}

Please check this.

http://code.reloado.com/jbhatti/20/edit#html,live

Please refer to following example.

http://code.reloado.com/jbhatti/18/edit

Add following code at the end of your function "my_dialog()"

Code:

$myDialog.dialog({
	onResize:function(w, h){						
		$myDialog.layout('panel', 'center').panel('resize',{height:h, width: w - 200});
		$myDialog.layout('panel', 'west').panel('resize',{height:h});					
	}
});	

Please check this example.

http://code.reloado.com/jbhatti/17/edit#html,live

Can you share your code.

Set "justified" property of the tab to true

Code:

$('#tt').tabs({                               
       justified: true
});

You can determine it by getting class name.

Code:

var mytype =  $('#myid').attr('class')

Please try this way.

Code:

<div title="Main Tab 1" style="position:relative; overflow:hidden; top: 0px; left: 0px; margin:auto;">

I have solved this way.

Code:

$('#dt').datebox({
	
    onShowPanel: function () {             
	    
	var s_day, e_day;
        var year = parseInt($('#cbYear').combobox('getText'));
        var month = parseInt($('#cbMonth').combobox('getValue')) - 1;
        var fortnight = parseInt($('#cbForthnight').combobox('getValue'));

        if (fortnight == 1) {
            s_day = 1;
            e_day = 15;
        } else {
            s_day = 16;
            e_day = new Date(year, month + 1, 0).getDate();
        }

        $(this).datebox('calendar').calendar('moveTo', new Date(year, month, 1));
        
	$(this).datebox('calendar').calendar({
            validator: function (date) {
                var d1 = new Date(year, month, s_day);
                var d2 = new Date(year, month, e_day);
                return date >= d1 && date <= d2;
	     }
			
	  });	
		
    }
});

I have three comboboxes on a form 'year', 'month' and fortnight, and one datebox

I want to achieve following.

1- for example, if the user selects year = 2019 month = 4 and fortnight = 1 and then select the date the datebox should only show the calendar for the month of April 2019.
2- if fortnight = 1 then only dates from 1 to 15  are enabled and if fortnight = 2  then only dates from 16 to 30 are enabled.

add  .text() in your code after jquery selector.

Code:

<input id="name" class="easyui-textbox" labelPosition="after" data-options="label:$('#name-label').text()"/>