2

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);
 });
4

2 に答える 2

1

datepicker プラグインのドキュメントで説明されているように、onSetイベントを使用して、設定されている現在の日付を取得できます。

onSet イベントは、どのプロパティが「設定」されているかに関する詳細を提供するコンテキスト引数が渡される唯一のコールバックです。

これら 6 つのイベントすべての範囲内で、これはピッカーを指します。

$('.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>

詳細については、こちらを参照してください。

于 2015-07-16T21:22:26.653 に答える
0

これを試して：

 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;
 });

更新されたフィドル

于 2015-07-16T21:02:04.150 に答える