2017-07-07 15 views
0

datepickerを統合する必要がありますが、正しく動作しません。角度UIのトラブルシューティングDatepicker

これは私のHTML

<div class="form-group"> 
       <label>Date</label> 
       <p class="input-group"> 
     <input type="text" class="form-control" 
     datepicker-popup="mediumDate" 
     is-open="shipment.valuationDatePickerIsOpen" 
     ng-click="shipment.valuationDatePickerOpen()" 
     ng-model="shipment.valuationDate" /> 
    <span class="input-group-btn"> 
    <button type="button" class="btn btn-default" 
     ng-click="shipment.valuationDatePickerOpen($event)"> 
     <i class="fa fa-calendar"></i> 
    </button> 
</span> 
</p> 

</div> 

であり、これは、私はすでに、UI-ブートストラップディレクティブをインポートする私のコントローラ

var vm = this; 
    // $scope.Eship; 

     vm.valuationDate = new Date(); 
    vm.valuationDatePickerIsOpen = false; 
    vm.opens = []; 

    $scope.$watch(function() { 
     return vm.valuationDatePickerIsOpen; 
    },function(value){ 
     vm.opens.push("valuationDatePickerIsOpen: " + value + " at: " + new Date()); 
    }); 

    vm.valuationDatePickerOpen = function ($event) { 

     if ($event) { 
      $event.preventDefault(); 
      $event.stopPropagation(); 
     } 
     this.valuationDatePickerIsOpen = true; 
    }; 

です。 私は何が欠けているか、何が間違っているのか分かりません。

答えて

0

ためのリンクです

<p class="input-group"> 
    <input type="text" class="form-control" uib-datepicker-popup ng-model="dt" is-open="popup1.opened" 
    datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" /> 
    <span class="input-group-btn"> 
    <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button> 
    </span> 
</p> 

、その日付入力フィールドのモデル値をカスタマイズしたり、操作マニュアルを&に与えられた最も簡単な例に続くことができますuib-datepicker-popupディレクティブの代わりにdatepicker-popupを使用しているためです。 正しいバージョンのAngularとUI Bootstrapを使用していることを確認してから、そのモジュールのドキュメントを確認してください。

私はあなたの例を固定し、ここでのコードを見つけてください:https://plnkr.co/edit/cMj8IXD7KYTUgi7hY0W7?p=preview

を、私はそれが役に立てば幸い。

+0

私はそれが好きでした、それは動作します。しかし、それはデータベースで更新されません。私は間違って何をしていますか? –

+0

日付ピッカーの統合に関する問題があると思いました。おそらく、データベース/サービス統合のために別の質問を投稿する必要があります。 – luixaviles

関連する問題