2016-04-28 12 views
1

AngularJSを初めて使用しています。角度JSでカレンダーを使用しているときに私は奇妙な問題があります。カレンダーで日付を選択するたびに、1日前に表示されます。 など。選択した場合:3/2/2016 {M/D/Y}は3/1/2016を選択します。AngularJS Calendarは、選択した日付の1日前に選択します。

私が試してみました複数のソリューション: Why does angularjs bootstrap datepicker pick one day before?

Angular-UI One day is subtracted from date in ui-date

https://github.com/angular-ui/bootstrap/issues/2628

しかし、上記のいずれも問題を解決していません。誰にでも解決策がありますか?私は、入力制御からNG-オプションタグを削除した場合

scpApp.controller('InitiativeDetailCtrl', function ($scope, $element, $initiatives, $stateParams, $timeout, $location) { 

$scope.datepickerOptions = { 
    format: 'yyyy-mm-dd', 
    language: 'en', 
    startDate: "2000-10-01", 
    endDate: "2030-10-31", 
    autoclose: true, 
    weekStart: 1 
} 

<input type="text" ng-option="datepickerOptions" ng-datepicker ng-model="initiative.end_date"> 

は、ここに私のコードです。正しい日付を選択しますが、カレンダーは日付選択後に閉じません。

重複としてマークしないでください。以前の質問はすべて読んだことがありますが、問題を解決することはできません。

+0

あなたはplunkrを提供してもらえますか? –

答えて

0

Htmlの

<link href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet"> 
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script> 

はindex.htmlの中でこれらのリンクを含め、ブートストラップ日付ピッカーを使用してみてください:これは、タイムゾーンの問題です

$(".date-picker").datepicker(); 
+0

これで問題は解決しますか? –

+0

はい、私は同じ問題を最初に直面し、次にthis.Itを試してみました:) – JanviM

+0

こんにちはJanviMこれは正しい日付を示していますが、データベースに日付を保存していないという問題があります。 –

0

:。

<input id="date-picker-1" type="text" class="date-picker form-control" name="dol" ng-model="emp.DOL" ng-init="emp.DOL = ''" placeholder="mm/dd/yyyy" /> 
<label for="date-picker-1" class="input-group-addon btn"> 
<span class="glyphicon glyphicon-calendar"></span> 
</label> 

コントローラ時間のない日付は、しばしば1日の始まりの真夜中とみなされます。それが後のタイムゾーン(UTC→ESTなど)に変換されると、前日の夜のように見えます。

+0

私はこれを解決するためのコメント/提案を知っていましたか? –

+0

https://github.com/angular-ui/bootstrap/issues/4837#issuecomment-203284205 – AutomatedMike

0

私が解決した値は、このことで、問題を解決していない:(コントローラーコード)

$(".date-picker").datepicker({ 
     format: "mm-dd-yyyy", 
     autoclose: "true" 
    }); 
    $(".date-picker").on("change", function() { 
     $scope.initiative.start_date = $(".date-picker").val(); 
     alert("selected date is " + $scope.initiative.start_date); 

    }); 

詳細:how to bind Bootstrap-datepicker element with angularjs ng-model?

関連する問題