Ernest Talks: javascript

讓 jQuery UI Datepicker 取消週末或週日不能選取

<a href="http://jqueryui.com/demos/datepicker/">jQuery UI Datepicker</a> 提供了我們很方便的日期選取工具，有些系統會希望取消週末的日期格子使之不能選取，例如某些組織/單位提供的預約系統，在週末或週日沒有提供服務，在此我們可以使用 <a href="http://jqueryui.com/demos/datepicker/#event-beforeShowDay">beforeShowDay</a> 這個預設的 event 來做取消週末或週日的日期格子的動作。 
 
範例：如果想要取消所有週末的日期格子使之不能選取，可以使用 Datepicker 內建的 noWeekends 函式。 
 
<pre class="brush: javascript">$(document).ready(function() {
 $(function() {
 $('#datepicker_reserve').datepicker({
 beforeShowDay: noWeekends
 });
 });
});
</pre> 
範例：如果想要取消所有週日的日期格子使之不能選取，我們可以將 Datepicker 內建的 noWeekends 函式稍做修改即可。 
 
<pre class="brush: javascript">$(document).ready(function() {
 $(function() {
 $('#datepicker_reserve').datepicker({
 beforeShowDay: noSundays
 });
 });
});
function noSundays(a) {
 a=a.getDay();
 return[a>0&&a<7,""];
}
</pre>
其他參考資訊：
<ul><li>getDay(): 0= 週日; 6= 週六</li>
<li><a href="http://stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holida">Can the jQuery UI Datepicker be made to disable Saturdays and Sundays (and holidays)?</a> (stackoverflow)</li>
</ul>

讓 jQuery UI Datepicker 取消週末或週日不能選取

jQuery UI Datepicker 提供了我們很方便的日期選取工具，有些系統會希望取消週末的日期格子使之不能選取，例如某些組織/單位提供的預約系統，在週末或週日沒有提供服務，在此我們可以使用 beforeShowDay 這個預設的 event 來做取消週末或週日的日期格...

jquery image width() or height() can't get real number.

the possible reason may be the images are still not yet load in, therefore jQuery get empty (0) number of the images' width or height. r...

jQuery: 判斷 checkbox 是否被選取

今天晚上很白癡，一直鬼打牆。 
 
提醒自己，以後直接用這個在 javaScript 中判斷 checkbox 被核取與否： 
 
<blockquote>
 
$("#your-checkbox-id").attr('checked')</blockquote>
 
 
例如： 
 
<blockquote>
 
if ( $("#your-checkbox-id").attr('checked') ) { 
something(); 
}</blockquote>
 
延伸閱讀：「<a href="http://talk.ernestchiang.com/2013/06/jquery-checkbox-group-required-at-least-one.html" target="_blank">jQuery: 判斷 checkbox 群組是否至少有一個被選取(必填) </a>」 
<blockquote>
[Ad] 便宜的 .com 國際網址，一年只要<a href="http://bit.ly/nrk4Me">美金 7.49 元</a>！（台幣兩百多）</blockquote>
 
 
 
<div style="text-align: right;">
Brought to you by</div>
<div class="separator" style="clear: both; text-align: right;">
<a href="http://bit.ly/ernesttalk-hostgator3"><img border="0" src="http://tracking.hostgator.com/img/Discount_Shared/Hostgator-new-_AN--234x60.gif" /></a></div>
<div style="text-align: right;">
 </div>

jQuery: 判斷 checkbox 是否被選取

今天晚上很白癡，一直鬼打牆。提醒自己，以後直接用這個在 javaScript 中判斷 checkbox 被核取與否： $("#your-checkbox-id").attr('checked') 例如： if ( $...