Bootstrap Datepicker预选当月的第一天

时间:2014-04-01 18:45:59

标签: javascript jquery twitter-bootstrap-3

我正在使用bootstrap-datepicker.js并遇到了一个问题。我有一个开始日期和结束日期。对于开始日期,我有一些计算来确定当月的第一天(我现在将它设置为5进行测试,因为它是今天的第一天)。

var d = new Date();
var currDate = d.getDate();
var currMonth = d.getMonth()+1;
var currYear = d.getFullYear();

var firstMonth = currYear + "-" + 5 + "-" + currMonth;

这很有效。似乎问题是将其插入实际日历中。它想要选择它现在的日期。

我尝试了几种不同的方式来调用它,例如

$('.datepicker').datepicker('setDate', new Date(firstMonth));
$('.datepicker').datepicker('update');
$('.datepicker').val('');

$('.datepicker').datepicker('setDate', firstMonth);
$('.datepicker').datepicker('update');
$('.datepicker').val('');


$('.datepicker').datepicker('startdate', firstMonth);
$('.datepicker').datepicker('update');
$('.datepicker').val('');

,也只是

$('.datepicker').datepicker('setDate', new Date(firstMonth));


$('.datepicker').datepicker('setDate', firstMonth);

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:1)

您的问题是如何尝试创建新的Date对象。您可以更简单地使用the date constructor that accepts the year, month day values

var firstDayOfMonth = function() {
    // your special logic...
    return 5;
};

var d = new Date();
var currMonth = d.getMonth();
var currYear = d.getFullYear();
var startDate = new Date(currYear,currMonth,firstDayOfMonth());
$('#exampleInputDate').datepicker('setDate',startDate);

这是一个有效的jsfiddle:http://jsfiddle.net/JBh3x/3/