2013-03-01 61 views
0

我開發的應用程序的酒店預訂日期選擇器的當前日期到文本框的值.. 我已經使用2個datepickers選擇在檢查&退房日期..如何設置

但現在我想我的第一個設爲默認&第二日期選擇器的另一個文本框由2天后日期填寫在該文本框顯示日期選擇器的當前值...

就像這些datepickers ....

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

任何人都可以建議我,怎麼做?

我用同樣的datepickers所示鏈接..

在此先感謝。

+0

取決於您的日期選擇器的lib,其中一個是什麼呢? – 2013-03-01 12:13:06

回答

1

您可以設置這樣的日期(如果該日期選擇器初始化)

$('#your-selector') 
    .datepicker('setDate',new Date()); 
一個未初始化的日期選擇器使用的

$('#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); 
+0

他沒有注意到使用了JQuery。 – 2013-03-01 12:16:12

0

如果DATEPICKER1是你datepickers id和datepicker2是第二個然後

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

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

$("#datepicker2").val(date2); 
+0

謝謝,但我認爲這是兩個datepicker靜態值,我想每天改變這種模式 – Dev 2013-03-01 12:16:11

+0

他沒有注意到,使用jQuery。 – 2013-03-01 12:16:54

+0

我做了一個編輯 – 2013-03-01 12:19:38

0

Todays Dat後

var nextDate = new Date(new Date().getTime() + 48 * 60 * 60 * 1000); 
$("#date_pick2").datepicker('setDate', nextDate); 
0

2天娥

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

日期試試這個代碼

$('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); 
} 
});