My 1st webUI try

1. Add three control to the UI: StartTime EndTime Weekdays:

2015-11-17 20:26:40

data-model: Html5在html里的体现

k-checklist-model: kendoUI

ng-click/ng-value/ng-checked:　Angular在html里的体现

  <div class="pn-module-funcname-new-field">
            <div>Start Time</div>
            <input class="ds-import-conn-new-value" kendo-time-picker k-ng-model="selectedStartTime" k-options="startTimeOptions" />
  </div>
  <div class="pn-module-funcname-new-field">
            <div>End Time</div>
            <input class="ds-import-conn-new-value" kendo-time-picker k-ng-model="selectedEndTime" k-options="endTimeOptions" />
  </div>
  <div class="pn-module-funcname-new-field">
       <div>Days Of Week to Run</div>
       <br />
       <div class="pn-module-funcname-new-checkbox">
                <div ng-repeat="item in checkBoxWeekdays">
                    <input type="checkbox" ng-checked="selectedWeekdays.indexOf(item) > -1" ng-value="{{item}}" ng-click="check(item, $event)"> {{item}}
                </div>
       </div>
  </div>

 js:

 　　　　$scope.checkBoxWeekdays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];

        $scope.check = function (value, e) {
            var idx = $scope.selectedWeekdays.indexOf(value);
            if (idx >= 0 && !e.target.checked) {
                $scope.selectedWeekdays.splice(idx, 1);
            }
            if (idx < 0 && e.target.checked) {
                $scope.selectedWeekdays.push(value);
            }
        };

2. ng-change doesn't get the $event argument

https://github.com/angular/angular.js/issues/6370