javascript - Bootstrap DatePicker - Setting the date to Tomorrow - Stack Overflow

admin管理员组

文章数量:1416051

I have a button which sets the datepicker to tomorrow using the following code:

$("#txtDateOfJourney").datepicker({ startDate: '+1d'});

But it's not working.

Here's a demo in fiddle

Any Ideas?

I have a button which sets the datepicker to tomorrow using the following code:

$("#txtDateOfJourney").datepicker({ startDate: '+1d'});

But it's not working.

Here's a demo in fiddle

Any Ideas?

• javascript
• twitter-bootstrap
• datepicker
• bootstrap-datepicker

Share Improve this question Follow edited Mar 18, 2015 at 14:16 KyleMit♦ 30.9k7272 gold badges511511 silver badges702702 bronze badges asked Mar 18, 2015 at 12:16 David RDavid R 15.7k88 gold badges5959 silver badges7474 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

You only pass in the options (as in datepicker({ startDate: '+1d'})) when you're initializing the controller. Since it's already initialized you don't need to do that. Instead you want to use the setDate() method and then pass in the javascript date representation of tomorrow a string representing the relative date like this:

$('#txtDateOfJourney').datepicker('setDate', "+1d");

Demo in Stack Snippets

$('#btnTomorrow').click(function() {     
  $('#txtDateOfJourney').datepicker('setDate', "+1d");
});

<link href="//cdnjs.cloudflare./ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare./ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare./ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare./ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare./ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.js"></script>

<input type="text" id="txtDateOfJourney" class="datepicker" />
<button type="button" id="btnTomorrow" class="btn btn-info">Tomorrow</button>

本文标签： javascriptBootstrap DatePickerSetting the date to TomorrowStack Overflow