A responsive AngularJS directive for selecting multiple weekdays following iOS native look
MIT License
A responsive AngularJS directive for selecting multiple weekdays following iOS native look.
npm: npm install ng-weekday-selector bower: bower install ng-weekday-selector
Demo can be seen in app:
<link rel="stylesheet" href="wherever-you-put-it/ngWeekdaySelector.css">
<script type="text/javascript" src="wherever-you-put-it/ngWeekdaySelector.js"></script>
Add dependencies on the ng-weekday-selector
AngularJS module:
angular.module('myApp', ['ng-weekday-selector']);
You can now use the directive, add the attribute to your existing DOM element in HTML:
<div ng-model="value" ng-weekday-selector>
ng-model (optional)
- Define the model to bind the selected values to.ng-change (optional)
- method called after changes done to currently selected week daysweek-starts-index (optional)
- Define what day starts the week. default is sunday which is index 0
ng-disabled
(optional) - disable/enable controlcontrol
(optional) - control element to control directive from outside (see notes below for details)toggleDayByIndex
- toggle from code a specific dayTBD. Currently only manually
As AngularJS itself, this module is released under the permissive MIT license. Your contributions are always welcome.