Why does angularjs bootstrap datepicker pick one day before?

angularjs angularjs-directive bootstrap-datepicker
Charger513 picture Charger513 · Sep 1, 2014 · Viewed 10.6k times · Source

I'm using angularjs bootstrap datepicker directive and when I set a date from model it picks a day before the selected date. 

<button type="button" class="btn btn-sm btn-default" ng-click="dt = '2014-09-24'">2014-09-24</button>

Here is a plunk with the issue.

Is there any solution?

Answer

John Lee picture John Lee · Feb 26, 2015

For anyone needing a solution in the .NET Web Api world, this line worked well for me: 

GlobalConfiguration.Configuration.Formatters.JsonFormatter.SerializerSettings.DateTimeZoneHandling = Newtonsoft.Json.DateTimeZoneHandling.Local;

It was due to the JsonFormatter spitting out the time in the wrong time zone.

Related questions

How to set focus on input field?

What is the 'Angular way' to set focus on input field in AngularJS? More specific requirements: When a Modal is opened, set focus on a predefined <input> inside this Modal. Everytime <input> becomes visible (e.g. …

Read More
What is the difference between '@' and '=' in directive scope in AngularJS?

I've read the AngularJS documentation on the topic carefully, and then fiddled around with a directive. Here's the fiddle. And here are some relevant snippets: From the HTML: <pane bi-title="title" title="{{title}}">{{text}}</pane> From …

Read More
AngularJS ng-style with a conditional expression

I am handling my issue like this: ng-style="{ width: getTheValue() }" But to avoid having this function on the controller side, I would much prefer to do something like this: ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" How can …

Read More