2ページ目 | JavaScript

jQuery UI Datepickerの標準実行コード

月名・曜日を日本語表示にして、Datepickerを実行するコード例。Datepickerが複数ある場合は、$.datepicker.formatDate()での設定も検討する。


JavaScript


window.jQuery && (function ($) {
    $("#date").datepicker({
        dateFormat: "yy-mm-dd",
        yearSuffix: "年",
        monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
        dayNamesMin: ["日", "月", "火", "水", "木", "金", "土"],
        showMonthAfterYear: true
    });
}(jQuery));

$.proxy()的な関数の自作

var self = this;のようなコードを書かなくて済む機構。まだテスト不足かも。


2012年10月18日、IEでエラーが出ていた問題の解消法の追記と、eventが受け取れなかった問題を解消するために変更を加えた。


JavaScript


function ReplaceGmaps() {
    // Do Something
}

ReplaceGmaps.prototype = {
    proxy: function (obj, fn) {
        return function () {
            fn.apply(obj, arguments);
        };
    },

    replace: function () {
        // Do Something
    },

    init: function () {
        event.add(this.target, "click", this.proxy(this, function (e) {
            this.replace();
        }));
    }
}

レスポンシブWebデザイン採用サイトでのzenback利用サポート

ソーシャルボタンとFacebookのコメント欄により問題が発生する。とりあえず以下のコードで対処可能。


ちなみに、個人的にはzenbackは好きではない。


JavaScript


IE8以下はRWD対応にする気がないので除外。


window.jQuery && (function ($) {
    (function () {
        var zb_pcc_checker;

        if (typeof window.attachEvent === "object" || $(window).width() > 480) {
            return;
        }

        zb_pcc_checker = setInterval(function () {
            var loadChekerId,
                loadCheker;

            loadCheker = function () {
                var $target = $("#zenback-facebook-comment");    // 存在調査のため毎回収集しなおす
                if ($target.length) {
                    $target.find(".fb_iframe_widget").removeAttr("width");
                    $target.find(".fb_iframe_widget > span").css("width", "auto");
                }
            };

            if (window.zb_pcc) {
                clearInterval(zb_pcc_checker);
                loadCheckerId = setInterval(loadCheker, 250);
            }
        }, 200);
    }());
}(jQuery));

CSS


zenbackのスタイル付けを上書きするためにくどいセレクタになっている。


#zenback-widget #zenback-social-button .zenback-module-item{
display:inline-block;
*display:inline;
zoom:1;
}