javascriptで日付ピッカーの日の名前にドット（。）を追加する

Question

datepickerをカスタマイズしていて、1つのこと以外はすべて実行できました。私のカレンダーで日がこのように書きます：蘇Moの火は、私たちのTh Frの土、 彼らがこのようなスパンで書かれています：

<span title="Sunday">Su</span> 

は、私はすべての名前の後にドットを追加することはできますか？私はjavascriptで試しましたが、私はそのスパンをキャッチする方法を見つけることができません..それはID、クラスがありません。私は試しました

$('span').attr('Sunday').append("."); 

と多くの組み合わせが、何も動作していないようです。誰かがこのようなことをしたなら、あなたの知恵を分かち合いましょう。

Answer 1

掲載spanにドットを追加するための正しい構文は、これがタイトルSundayとすべてのスパンのためにそれを変更します

$('span[title="Sunday"]').each(function(){ 
    $(this).text($(this).text + '.') 
}); 

だろう。

しかし、私はそれに反対します。曜日名を指定する必要があり、それをより効果的にするために

span[title="Sunday"]::after { 
    content: '.'; 
} 

をしていない。代わりに値を変更するのは、あなただけtextnodeで値を変更せずに、CSSで、視覚的に.（ドット）を追加することができます一日中span sがクラスdaysContainerとコンテナの直接の子である場合

.daysContainer > span[title]::after { 
    content: '.'; 
} 

：、我々は何かのように、あなたはまだ提供していない日のスパンの親に一致するセレクタを使用することができます。

注：たとえば、あなたがタイトルを持っている場合、

span[title*="day"]::after { 
    content: '.'; 
} 

しかし：@Baruchも指摘として、あなたはその結果span[title*=day]で自分title属性に文字列dayを含むすべてのスパンをターゲット可能性今日はまたは昨日はとなりますが、それらも影響を受けるため、あまりにも一般的すぎるかもしれません。

Answer 2

指定された日にループを実行し、その値をjQueryセレクタに連結することができます。

例：あなたが使用している日付ピッカーを指定、それではあなたを想定することはできませんでしたhttps://jsfiddle.net/as64jw3d/1/

Answer 3

：フィドル作業

HTML

<span title="Sunday">Su</span> 
<span title="Monday">Mo</span> 
<span title="Tuesday">Tu</span> 
<span title="Wednesday">We</span> 
<span title="Thursday">Th</span> 
<span title="Friday">Fr</span> 
<span title="Saturday">Sa</span> 

jQueryの

$(document).ready(function() { 
    var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; 
    days.forEach(function(day) { 
    $('span[title='+day+']').append('.'); 
    }); 
}); 

jQueryのdatepickerについて簡単に説明しています表示任意のテキスト/名）をomize以下のようなi8nの定義を変更することです：

datepicker.setDefaults({ 
     closeText: "Done", 
     prevText: "Prev", 
     nextText: "Next", 
     currentText: "Today", 
     monthNames: ["January", "February", "March", "April", "May", "June", 
      "July", "August", "September", "October", "November", "December"], 
     monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", 
      "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 
     dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], 
     dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], 
     dayNamesMin: ["Su.", "Mo.", "Tu.", "We.", "Th.", "Fr.", "Sa."], // Note that I already added the dots after the mini day names notation 
     weekHeader: "Wk", 
     dateFormat: "dd/mm/yy", 
     firstDay: 1, 
     isRTL: false, 
     showMonthAfterYear: false, 
     yearSuffix: "" 
    } 
); 

あなたが他のプラグインと同じアプローチを使用することができます。