Fórum

Alloy Datepicker customization Disable saturday and sunday

thumbnail
Manish Yadav, modificado 7 Anos atrás.

Alloy Datepicker customization Disable saturday and sunday

Expert Postagens: 493 Data de Entrada: 26/05/12 Postagens Recentes
Hello All,
I want to customize alloy date picker , disable all Saturday and Sundays values so user can't select any values from these dates.

AUI().use('aui-datepicker', function(A) {
	var RFPDate = new A.DatePicker({
		trigger : '#startDate',
		mask : '%d/%m/%Y',
		popover : {
			zIndex : 1
		}
	});





Regards,
Manish Yadav
thumbnail
Alfonso Crisci, modificado 7 Anos atrás.

RE: Alloy Datepicker customization Disable saturday and sunday

Regular Member Postagens: 136 Data de Entrada: 02/04/14 Postagens Recentes
Hi,

Would this help?

	        <aui:script>
	        	AUI().use('aui-datepicker', function(A) {
	                var allWeekendsRule = {
						"all": {
							"all": {
								"all": {
									"0,6": "all-weekends"
								}
							}
						}
					};
					
					new A.DatePicker({
	                    trigger: '#<portlet:namespace />datepickernoweekend',
	                    mask: '%Y.%m.%d',
	                    calendar: {
							customRenderer: {
								rules: allWeekendsRule
							},
							disabledDatesRule: 'all-weekends'
						},
						popover: {
	                        zIndex: 1
	                    }                                   
	                });
	        	});
	        </aui:script>

Documentation: http://alloyui.com/versions/2.5.x/api/classes/Calendar.html#attr_disabledDatesRule