jquery - jQuery - 从属性中获取文本

Question

我正在使用一个名为 pickadate 的插件，我正在尝试从所选日期获取 aria 标签文本并将其应用于 div。我可以检索一次该值，但是如果您单击另一天，#date 中的日期不会更新？

http://jsfiddle.net/mg6fxqbe/

 var $elements = {
     datepicker: $('.js-datepicker'),
 };

 $elements.datepicker.pickadate();


 $('.picker__day').on('click', function () {
     var date = $(this).attr('aria-label');
     $('#date').empty().text(date);
 });

Answer 1

如 datepicker 插件的文档中所述，您可以使用该onSet事件来检索已设置的当前日期。

onSet 事件是唯一传递上下文参数的回调，该参数提供有关“设置”哪些属性的详细信息。

在所有这六个事件的范围内，这指的是选择器。

$('.js-datepicker').pickadate({
    onSet: function() {
        $('#date').text(this.$node.val());
    }
});

#date{ font-weight:bold; font-size:40px; margin:20px 0; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://amsul.ca/pickadate.js/vendor/pickadate/lib/picker.js"></script>
<script src="http://amsul.ca/pickadate.js/vendor/pickadate/lib/picker.date.js"></script>
<input class="js-datepicker" type="text" placeholder="Select date" />
<div id="date"></div>

在这里您可以找到更多相关信息。

Answer 2

试试这个：

 var $elements = {
     datepicker: $('.js-datepicker'),
 };

$elements.datepicker.pickadate();


 $('.picker__day').on('click', function (e) {
     $('#date').empty();
     var date = $(e.target).attr('aria-label');
     $("#date").html(date);
     return false;
 });

更新的小提琴