jQuery Datepicker没有从这个min属性获取minDate

Question

我错过了一些完全明显的东西吗？

HTML

<input class="datepicker" min="2014-10-22" name="start_date" type="text" value="2014-11-22" id="start_date">

使用Javascript

$(function() {
    $(".datepicker").datepicker({
        minDate: $(this).attr('min'),
        // minDate: '2014-10-22',
        dateFormat: 'yy-mm-dd',
        onSelect: function() {
            console.log($(this).attr('min'));
        }
    });
});

onSelect显示它正确获取min属性。 但是minDate似乎忽略了它。

如果我硬编码然后它可以工作，但如果我使用minDate: $(this).attr('min'),那么没有设置minDate。

Answer 1

因为你调用$(this).attr('min')的DOM准备回调，在里面this指的是文档对象而不是input元素。

如果页面中只有一个日期选择器，您可以将其更改为$('.datepicker').attr('min') 。

但如果有超过1那么

 $(function() { $(".datepicker").each(function() { $(this).datepicker({ minDate: $(this).attr('min'), // minDate: '2014-10-22', dateFormat: 'yy-mm-dd', onSelect: function() { console.log($(this).attr('min')); } }); }) }); 

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script> <input class="datepicker" min="2014-10-22" name="start_date" type="text" value="2014-11-22" id="start_date"> <input class="datepicker" min="2014-11-22" name="start_date" type="text" value="2014-11-22" id="end_date">