0

ホテル予約用のアプリケーションを開発しています。チェックインとチェックアウトの日付を選択するために2つの日付ピッカーを使用しました。

しかし今、私は最初の日付ピッカーの現在の値をデフォルトでそのテキストボックスに表示し、2番目の日付ピッカーの別のテキストボックスを2日後の日付で埋めたいと思っています...

これらのデートピッカーのように....

http://www.yatra.com/hotels.html

誰かが私に提案できますか、これを行う方法は??

リンクに示されているのと同じ日付ピッカーを使用しました。

前もって感謝します。

4

4 に答える 4

1

このように日付を設定できます（日付ピッカーが初期化されている場合）

$('#your-selector')
    .datepicker('setDate',new Date());

初期化されていないdatepickerの使用例：

$('#your-selector')
    .datepicker().datepicker('setDate',new Date());

2日前に日付を作成するには...次のようにします。

var today = new Date();
var twoDaysBefore = new Date();
twoDaysBefore.setDate(today.getDate()-2);

日付を設定します

$('#your-selector')
    .datepicker('setDate', twoDaysBefore);

このアルゴリズムがさらに必要な場合は、関数を作成できます。

var getDate = function(daysDelta) {
    var d = new Date();
    (d.setDate(d.getDate()+daysDelta));
    return  d;
}

console.log(getDate(-3))

jQueryを使用せずに（ありがとう）、日付オブジェクトを次のようにフォーマットします。

var d = getDate(-2);
var yyyy = d.getFullYear().toString();
var mm = (d.getMonth()+1).toString();
var dd  = d.getDate().toString();
var dateAsString =  yyyy + "-" + (mm[1]?mm:"0"+mm[0]) + "-" + (dd[1]?dd:"0"+1);
document.getElementById('id').setAttribute('value', dateAsString);
于 2013-03-01T12:11:56.017 に答える
0

datepicker1がdatepickersIDであり、datepicker2が2番目のIDである場合、

$("#datepicker1").val(new date());

var date2 = $('datepicker1').datepicker('getDate', '+2d'); 
date2.setDate(date2.getDate()+1); 

$("#datepicker2").val(date2);
于 2013-03-01T12:13:23.950 に答える
0

今日の日付

$("#date_pick").datepicker('setDate', new Date());

2日後の日付

var nextDate = new Date(new Date().getTime() + 48 * 60 * 60 * 1000);
$("#date_pick2").datepicker('setDate', nextDate);
于 2013-03-01T12:15:41.193 に答える
0

このコードを試してください

 $('first').datepicker({

 onSelect: function(){
 var start = $('first').val();

 var date = new Date(start);
 var d = date.getDate();
 var m = date.getMonth();
 var y = date.getFullYear();
 var edate= new Date(y, m, d+2);

 $('second').val(edate);
}
});
于 2013-03-01T12:18:00.400 に答える