2011-01-26 4 views
21

私は、jQuery datetimepickerをjQuery datepickerから拡張して、日付だけでなく時間も選択するようにしました。jQuery datetimepickerで日付をフォーマットするにはどうすればよいですか?

私は、日付/時刻の形式をこのように設定します:dd-mm-yyyy @ hh:mm

$('#timePicker').datetimepicker({ 
    dateFormat: 'dd:mm:yyyy', 
    separator: ' @ ', 
    minDate: new Date() 
}); 

しかし、これは動作しません。

Thu Jan 27 2011 02:05:17 GMT+0100 

この日付/時刻をフォーマットするためのjavascript関数はありますか?プラグインを使ってどうすればいいですか?私のコードをチェックしてください:FIDDLE

+0

なぜ入力要素ではなくdivを使用していますか? Plus:http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerDateFormat.htmlが役立つかもしれません。 – abesto

+1

入力が欲しくない...うまくいかず、datpickerだけでなくdatetimepickerを使用する –

+0

"警告された"値を "dd-mm-yyyy @ hh:mm"と表示しますか? –

答えて

26

Here you go

$('#timePicker').datetimepicker({ 
    // dateFormat: 'dd-mm-yy', 
    format:'DD/MM/YYYY HH:mm:ss', 
    minDate: getFormattedDate(new Date()) 
}); 

function getFormattedDate(date) { 
    var day = date.getDate(); 
    var month = date.getMonth() + 1; 
    var year = date.getFullYear().toString().slice(2); 
    return day + '-' + month + '-' + year; 
} 

datepicker()に正しい形式の日付を渡す必要があります。

+1

この回答は古いです:o( – maasha

3

たとえば、スペイン語の形式で日付/時刻を取得します。

$('#timePicker').datetimepicker({ 
    defaultDate: new Date(), 
    format:'DD/MM/YYYY HH:mm' 
}); 
2

のDateTimePickerの新しいバージョン(私が使用している2.3.7を使用している)format:"Y/m/d"ないdateFormat...

ので

jQuery('#timePicker').datetimepicker({ 
    format: 'd-m-y', 
    value: new Date() 
}); 

あなたが使用することができますhttp://xdsoft.net/jqplugins/datetimepicker/

+0

ここに時間を追加することはできますか?YYYY形式の年を持つことはできますか? – FrenkyB

+0

私の私はそれが標準のものではないことがわかりました。どのような日付の書式設定ですか?どこか参照がありますか? –

0

を参照してください使用:

$('#timePicker').datetimepicker({ 
     format:'d.m.Y H:i', 
     minDate: ge_today_date(new Date()) 
}); 

function ge_today_date(date) { 
    var day = date.getDate(); 
    var month = date.getMonth() + 1; 
    var year = date.getFullYear().toString().slice(2); 
    return day + '-' + month + '-' + year; 
} 
1

これは私のために働く。 datepickerを "拡張"するので、dateFormat: 'dd/mm/yy'を使用することができます。

$(function() { 
    $('.jqueryui-marker-datepicker').datetimepicker({ 
     showSecond: true, 
     dateFormat: 'dd/mm/yy', 
     timeFormat: 'hh:mm:ss', 
     stepHour: 2, 
     stepMinute: 10, 
     stepSecond: 10 

    }); 
}); 
関連する問題