2013-03-01 79 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); 
} 
});