jquery - Jquery日付ピッカーの日付形式は変数を個別に取得します

Question

こんにちは、日付形式を使用して、日付ピッカーとは別に変数を取得しようとしています。これらの変数の日付、月、年を取得したいのですが、どうすればよいですか?

これが私のスクリプトです

<script type="text/javascript">
    $(function () {
        $('.date').datepicker({ dateFormat: 'dd.MM.yy' });

    });
    </script>

Answer 1

datepicker から日付を取得するには、 を使用する必要があります$(".date").datepicker("getDate")。

コード：

var date = $(".date").datepicker('getDate');
alert(date.getDate());         // Day of the month
alert(date.getMonth());        // Month with a zero index
alert(date.getDay());          // Day of the week
alert(date.getFullYear());     // The "full" year, e.g. 2011

お役に立てれば！

Answer 2

あなたはこれを試すことができます

$(function(){
    $('.date').datepicker({ 
        dateFormat: 'dd.MM.yy', 
        onSelect:function(text, ui){
            var dt=text.split('.');
            var d=dt[0]; m=dt[1]; y=dt[2];
            console.log(d); // day
            console.log(m); // month
            console.log(y);  // year
        }
    });
});​

から日付を選択するたびdatepickerに、日、月、年が 3 つの個別の変数で取得されます。

デモ。

更新: また、ユーザーは入力してキーボードから直接日付を変更/入力できることを覚えておいてください。この場合$('.date').on('change', function(){...})、テキスト ボックスの変更イベントを追跡するために使用する必要があります。

// textbox change
$('.date').on('change', function(){
    var dt=$(this).val();
    if(dt.match(/^(\d{2}).([a-zA-Z]+).(\d{4})$/))
    {
        var dt=dt.split('.');
        var d=dt[0]; m=dt[1]; y=dt[2];
        console.log(d);
        console.log(m);
        console.log(y);
    }
    else alert('Invalid date format !\n\nValid format example: 05.December.2012');
});

デモ(テキスト ボックス変更イベントあり)。