JavaScript (JQuery なし) のPikaday日付セレクターを変更して、選択した日付をカレンダーの上のヘッダー領域に表示したいと考えています。
これを行うために、ヘッダー領域の HTML をレンダリングする新しい関数を作成しました。
renderHeading = function(instance, c, year, month, days)
{
var opts = instance._o;
var html = '<div class="pika-heading">';
html += '<h3 class="pika-heading-year">' + year + '</h3>';
html += '<h1 class="pika-heading-date">' + opts.i18n.weekdaysShort[day] + ', ' + opts.i18n.monthsShort[month] + '</h1>';
return html += '</div>';
},
これは問題なく機能します。月と年が表示されます。
ただし、選択した日番号を表示する方法がわかりません。私の目標は、「Mon 1st Dec 2016」のようなものを表示することですが、「Mon」と「1」を表示することはできません。
私ができる最善のことは、作成することです:
window.setDateProperty = this._o.field.value;
getDate 関数でそれを HTML レンダリング関数で返しますが、これは 2 回のクリック後にのみ機能し、面倒に見えます。
日付文字列をプラグインの一部に返す正しい方法を知っている人はいますか?