jQuery UI DatePickerの選択イベント

jQuery UI Datepicker で日付を選択した時に何かをしたい。そんなときは select イベントを使います。

以下の例では、選択された日付を表示しています。

jQuery(document).ready(function() {
    $( "#datepicker" ).datepicker({
        inline: true,
        onSelect: function (date) {
            alert(date);
        }
    });
});

...

<div id="datepicker"></div>

Javascript での日付計算

javascript での日付計算のサンプルを備忘録

function addDay(dt, day) {
    var dateOffset = (24 * 60 * 60 * 1000) * day;
    var dtNew = new Date();
    dtNew.setTime(dt.getTime() + dateOffset);
    return dtNew;
}

$(function() {
    // 明日がボタンがクリック
    $("#tomorrow").click(function() {
        var today = new Date();
        // 今日に1日足す
        var tomorrow = addDay(today, 1);
... 省略 ...

    });
});

javascript での年齢計算のサンプル

javascript での年齢計算のサンプルを備忘録

// 2つの日付から年齢を計算
function getAge(d1, d2){
    d2 = d2 || new Date();
    var diff = d2.getTime() - d1.getTime();
    return Math.floor(diff / (1000 * 60 * 60 * 24 * 365.25));
}
// タグに年齢を表示
function setAge(birthday) {
    if (birthday == '') {
        $("#age").html("");
    } else {
        var bday = new Date(birthday);
        var age = getAge(bday);
        $("#age").html("年齢: " + age + " 歳");
    }
}

参考:http://stackoverflow.com/questions/4076321/javascript-age-calculation