Javascript 日期选择器重置为一次更改下拉列表

我有一个动态创建的下拉列表，其类名为class_list。更改此下拉列表后，我将获取包含日期的选项custom AttAttribute。该日期我将在datepicker中设置为minDate，maxDate。代码如下：

 $(document).delegate(".class_list", "change", function(e) {        

    $("#date_from,#date_to").val(" ");
      $('#date_from').removeAttr("disabled");
        var min_date= $('option:selected', this).attr('start-date');

        var max_date = $('option:selected', this).attr('end-date');

        $("#date_from").datepicker({numberOfMonths: 1, dateFormat: "yy-mm-dd", minDate: min_date, maxDate: max_date,
            onSelect: function(selected) {
               // alert(selected);
                $("#date_to").datepicker("option", "minDate", selected)
            }
        });

        $("#date_to").datepicker({numberOfMonths: 1, dateFormat: "yy-mm-dd", minDate: min_date, maxDate: max_date,
            onSelect: function(selected) {
                $("#date_from").datepicker("option", "maxDate", selected)
            }

        }); 

    }); 

第一次更改下拉列表时，它工作正常。如果我再次选择一个选项，则日期选择器不会根据所选值重置。我每次都需要重新加载。

---

我必须进行哪些更改？

是否要在下拉更改事件中重置它？它应设置为所选选项的自定义属性值，每当我选择下拉列表时..你能为你的问题提供JSFIDLE示例吗？你在使用asp.net吗？每次我选择时，我都能获得选项属性值。但它不是用datepicker设置的。只有在第一次更改事件时它才起作用。。