Data attributes usage

Data attributes usage using datepicker

by Shoaib Chikate

HTML

Start date Field : <input id="startDate" data-type="date" data-date-type="from" type="text" data-date-id="fromDate"/><br />
End date Field : <input id="endDate" data-type="date" data-date-type="to" data-date-id="startDate" type="text" /><br />
<input id="thesubmit" type="button" value="Submit" />

JavaScript

$(function(){
    
    $("input[data-type='date']").datepicker({
				dateFormat: 'dd-mm-yy',
				beforeShow:function(element,instance){
         var dateElement=$(element);
         //If current date is to-date then sent the min Date
         if(dateElement.attr("data-date-type")=="to"){
					instance.settings.minDate=$("#"+dateElement.attr('data-date-id')).datepicker("getDate");
          }
				}
			});
    
});