如何将datepicker的当前日期设置为文本框值

时间:2013-03-01 12:10:03

标签: php javascript datepicker

我正在开发酒店预订申请表.. 我使用了2个日期选择器来选择办理登机手续。退房日期..

但现在我希望我的第一个日期选择器的当前值默认显示在该文本框中。第二个日期选择器的另一个文本框,在......之后的2天填写;

就像这些日期选择器......

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

谁能建议我,怎么做?

我使用了相同的日期选择器,如链接..

提前感谢。

4 个答案:

答案 0 :(得分: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);

答案 1 :(得分:0)

如果datepicker1是你的datepickers id而datepicker2是第二个,那么

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

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

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

答案 2 :(得分:0)

今天的日期

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

后2天的日期
var nextDate = new Date(new Date().getTime() + 48 * 60 * 60 * 1000);
$("#date_pick2").datepicker('setDate', nextDate);

答案 3 :(得分: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);
}
});