使用jquery设置datepicker mindate

Question

我正试图在jquery数据报警器中设置一个minDate。使用jquery从父节点的数据attribure检索日期。

<p data-min-date="2015-03-10">Date:
    <input id="datepicker" type="text">
</p>
<script>
    $("#datepicker").datepicker({
        minDate: $(this).closest('p').data('minDate'),
        dateFormat: 'yy-mm-dd'
    });
</script>

您可以检查此小提琴，以确保数据报警器不考虑minDate。

你能发现我做错了什么吗？

Answer 1

这个问题是因为$(this)在datepicker intialiser的作用域中不等于所选的元素。要执行所需的操作，需要将datepicker()调用包装在一个each()中，并遍历选择器的每个元素：

$("#datepicker").each(function() {
    $(this).datepicker({
        minDate: $(this).closest('p').data('minDate'),
        dateFormat: 'yy-mm-dd'
    });
});

更新小提琴

或者，如果数据选择器仅在单个元素上创建，则可以直接为minDate属性选择它：

$("#datepicker").datepicker({
    minDate: $("#datepicker").closest('p').data('minDate'),
    dateFormat: 'yy-mm-dd'
});

更新小提琴