填充下拉列表中選擇angularjs

我正在開發我的應用程序，我希望下拉值與datepicker中的選定日期自動具有相同的值。我使用angularjs和我找不到足夠的來源，可以具體回答我的問題tho ..感謝您填充下拉列表中選擇angularjs

這裏是一個代碼。我的整個代碼是plunker

script type="text/ng-template" id="custom-datepicker.html"> 
    <div class="form-inline enhanced-datepicker"> 
     <label> 
      <input 
       type="text" 
       id="{{id}}" 
       name="{{name}}" 
       ng-model="ngModel" 
       datepicker-popup="{{popup}}" 
       datepicker-options="{{options}}" 
       date-disabled="{{dateDisabled}}" 
       min="{{min}}" 
       max="{{max}}" 
       open="opened" 
       ng-pattern="/^(?:[1-9]|1\d|2\d|3[0-1]) (?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec) (?:1|2)(?:\d{3})$/gim"/> 

     <span class="input-group-btn"> 
       <button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button> 
       </span> 

     </label> 
    </div> 
       </script> 
     <script> 

    angular 
    .module('App',['ui.bootstrap']) 
    .directive('customDatepicker',function($compile,$timeout){ 
     return { 
      replace:true, 
      templateUrl:'custom-datepicker.html', 
      scope: { 
       ngModel: '=', 
       dateOptions: '@', 
       dateDisabled: '@', 
       opened: '=', 
       min: '@', 
       max: '@', 
       popup: '@', 
       options: '@', 
       name: '@', 
       id: '@' 
      }, 
      link: function($scope, $element, $attrs, $controller){ 

      }  
     }; 
    })

這裏是plunker鏈接：http://plnkr.co/edit/4XRjszIATgvUVrofgRFI?p=preview

來源

2015-12-19 bleykFaust

從我看到你的plunker正在工作，但不正確，因爲例如在月下拉列表中，將添加一個新值，因此您將有兩個Dec值，並且一天的下拉列表不可點擊。問題是，你是否需要它們是可點擊的，如果是的話，下拉菜單上的日期選擇器更新日期應該更新嗎？我會嘗試將選擇綁定到一個範圍變量，該範圍變量將被解析爲datepicker更改中正確的日期，月份和年份值。我想告訴你在你的運動員，但與HTML文件中的所有內容，對不起...

來源

2015-12-19 10:09:14

是@min che這就是我想要的，但我不知道我該如何綁定這些值。我是新角色，仍然沒有足夠的知識使用它 – bleykFaust

那麼，我會添加範圍變量的日期，月份和年份的下拉菜單，以及從這些下拉菜單中形成日期值並更新日期選擇器的函數。在html中，該函數將作爲ng-change屬性添加到每個select中。然後，我將添加第二個函數將日期值解析爲單獨的日期，月份和年份值，並將它們分配給上述範圍值。同樣，它會被調用在ng-change屬性中，但是在datepicker中。請讓我知道是否需要進一步解釋。 –

只是爲了指出一個可能的無限循環，如果應該更新第二個，第二個應該更新第一個。 –

有你看着用NG-變化當您選擇的日期調用一個函數來更新日期字段？

來源

2015-12-19 02:19:39

是的，但我不知道我應該在哪裏放置ng-change和屬性我應該打電話:(@Nichole Boseman – bleykFaust

填充下拉列表中選擇angularjs

回答

相關問題