jQuery UI datepicker options as varialbe
- by Desmond Liang
I have a number of inputs on a page function as JQ UI datepicker. Each needs to have different settings. I want to minimize the JS so I save the settings as an attribute in each individual .
<input type="text" class="datepicker" name="dateofbirth" id="dateofbirth" size="20" value="" options="{ dateFormat: 'yy-mm-dd',changeYear: true,yearRange: '1920:2010'}" />
<input type="text" class="datepicker" name="expdate" id="expdate" size="20" value="" options="{ yearRange: '2011:2020'}" />
I use js to load the options dynamically as the settings.
$(document).ready(function(){
$(".datepicker").each(function(index){
$(this).datepicker("option" , $(this).attr('options'));
});
});
datepicker is not functioning. If I empty the parentheses after $this.datepicker it works fine.
I have also tried another way to assign settings. ("option",...) no dice.
