Skip to content

Instantly share code, notes, and snippets.

@jeffhertzler
Last active July 25, 2017 07:10
Show Gist options
  • Select an option

  • Save jeffhertzler/c4c8f58d0a4056fbc61ebca4e0464257 to your computer and use it in GitHub Desktop.

Select an option

Save jeffhertzler/c4c8f58d0a4056fbc61ebca4e0464257 to your computer and use it in GitHub Desktop.
ember-flatpickr bug
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
item: '1',
items: Ember.A([
Ember.Object.create({
id: '1',
startDate: new Date(2016, 9, 10),
endDate: new Date(2016, 9, 11)
}),
Ember.Object.create({
id: '2',
startDate: new Date(2016, 9, 14),
endDate: new Date(2016, 9, 15)
})
]),
selectedItem: Ember.computed('item', 'items.@each.id', function() {
return this.get('items').findBy('id', this.get('item'));
}),
actions: {
selectItem: function(id) {
this.set('item', id);
},
selectStartDate: function() {
console.log('does not matter');
},
selectEndDate: function() {
console.log('does not matter');
}
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>
<select onchange={{action "selectItem" value="target.value"}}>
{{#each items as |item|}}
<option value={{item.id}}>{{item.id}}</option>
{{/each}}
</select>
<div>
{{ember-flatpickr
date=(readonly selectedItem.startDate)
onChange=(action 'selectStartDate')
}}
{{ember-flatpickr
date=(readonly selectedItem.endDate)
onChange=(action 'selectEndDate')
}}
</div>
<div>
{{ember-flatpickr
date=(readonly selectedItem.startDate)
onChange=(action 'selectStartDate')
maxDate=selectedItem.endDate
}}
{{ember-flatpickr
date=(readonly selectedItem.endDate)
onChange=(action 'selectEndDate')
minDate=selectedItem.startDate
}}
</div>
{
"version": "0.12.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.12.0",
"ember-template-compiler": "2.12.0",
"ember-testing": "2.12.0"
},
"addons": {
"ember-data": "2.12.1",
"ember-flatpickr": "2.0.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment