jquery ui

⚡ jquery ui

$(function(){
	$("#today").datepicker();

	$("#popup").draggable();
	$("#popup").droppable({ //다른 오브젝트가 해당 오브젝트 안에 들어오면 작동
		drop : function(){
			$(this).css("background-color","pink");	
		}
	});
	$("#popup2").draggable();
	
	$("#menu").selectable(); //선택한 오브젝트를 표시하는 함수(css와 함께 사용)
	$("#menu2").sortable();
	
})

 

datepicker

 

minDate: "0",  오늘부터선택가능

maxDate: "7", 선택가능 max 지정

 

showOn: "both"

buttonText: "", // Text for trigger button
buttonImage: "https://cdn-icons-png.flaticon.com/512/2693/2693710.png",