KB - Wijmo 5 - Only Dates In Current Month in AngularJS

by Joel Parks

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/5.latest/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.latest/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.latest/controls/wijmo.input.min.js"></script>
<div class="container">
  <div class="row">
    <div class="col">
      <div id="auto" class="autocmplt"></div><br/>
    </div>
  </div>
</div>

CSS

.autocmplt:focus-within {
    border: 1px solid blue;
}

JavaScript

var  selectedValue =  null;

var data2 = getData2();

var auto = new wijmo.input.AutoComplete('#auto', {
  displayMemberPath: 'country',
  itemsSource: getData2(),
  selectedValue: selectedValue,
  selectedValuePath: 'id',
  selectedIndexChanged: function(s, e){
    console.log(s.selectedIndex);
  }
});

// list of country GDP and populations
// 
function getData2() {
  return [
   
    { id: 2, country: 'Brazil', gdpm: 664005, popk: 8238, gdpcap: 80602 },
     { id: 1, country: 'Brazil', gdpm: 57825, popk: 563, gdpcap: 102708 },
    { id: 3, country: 'Bolivia', gdpm: 388315, popk: 5205, gdpcap: 74604 },
    { id: 4, country: 'Venezuela', gdpm: 46178, popk: 647, gdpcap: 71372 },
    { id: 5, country: 'chile', gdpm: 166908, popk: 2421, gdpcap: 68941 }
  ];
}