使用javascript在datepicker天名稱上添加點（。）

我正在自定義日期選擇器，除了一件事情之外，我能夠做所有事情。在我的日曆一天是這樣的：蘇沫週二週三週四週五週六，都寫在這樣一個跨度：使用javascript在datepicker天名稱上添加點（。）

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

我可以每名後加點？我嘗試使用JavaScript，但我找不到一種方法來捕捉該跨度..它沒有身份證，沒有課。我試過

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

和很多組合，但似乎沒有任何工作。如果有人已經做了這件事，請分享你的智慧。

來源

2017-01-29 Radomir Antic

目前還不清楚你使用的日期選擇器，有幾個。如果你創建一個[mcve]，我會幫你添加點。 –

完全不能理解這個問題，但好像'attr'函數沒有被正確使用！ –

也許你可以解釋一下這個場景以及你想要做什麼。 –

正確的語法點添加到發佈span將

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

這將標題Sunday改變它所有的跨度。

但是，我建議不要這樣做。除了更改值，你可以追加一個.（點）的視覺，用CSS，在不textnode修改值：

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

爲了使其更加有效，並沒有指定的日期名稱如果整天span S跟類daysContainer容器的直接子

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

：，我們可以使用這一天的跨度，你還沒有提供的父母相匹配的選擇，有點像。

注：作爲@Baruch也指出，您可以指定包含字符串day他們title屬性中的所有跨，span[title*=day]導致：

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

但是，如果，例如，您有一個標題包含今天或昨天，它們也會受到影響，因此它可能太過泛泛。

來源

2017-01-29 19:53:57

Everthing的作品，我將使用CSS代碼。我現在更好地瞭解這個::之後在CSS中代表什麼。 jquery看起來也很棒。感謝您的幫助！ –

你冷也做'span [title * = day]'選擇所有包含「day」的字詞 – Baruch

你可以通過規定的時間做一個循環，然後將值連接成一個jQuery選擇器。

例子：

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('.'); 
    }); 
});

工作小提琴：https://jsfiddle.net/as64jw3d/1/

來源

2017-01-29 19:54:20 Baruch

乾淨的工作和乾淨的解決方案。 –

你沒有說明具體日期選擇你使用，讓我們假設你我正在談論jQuery datepicker，這是一個簡單的方法來做到這一點省略任何文本/名稱顯示）將改變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: "" 
    } 
);

您可以對其他插件使用相同的方法。

來源

2017-01-29 19:55:13 mrbm

這對於進一步的定製也非常有用！ –

這是一個全局定製，因此您不必在每個頁面中應用更改。 – mrbm

使用javascript在datepicker天名稱上添加點（。）

回答

相關問題