Skip to content

Latest commit

 

History

History
62 lines (29 loc) · 1.28 KB

README.md

File metadata and controls

62 lines (29 loc) · 1.28 KB

Sample app integrating jQuery UI DatePicker with AngularJS

Objectives

  • Button click invokes a controller method, which triggers the display of a datepicker control positioned next to the button
  • Select a date in DP invokes a method on controller
  • Ability to show/hide the DP control from a controller
  • Ability to update DP options on the fly

Usage

Directive

   jqui-datepicker

This tag does not have content.

Example:

   <jqui-datepicker ....></jqui-datepicker>

Attributes

  • model (optional)

    Expression holding the date being selected.

    Example:

          <jqui-datepicker model='selectedDate'></jqui-datepicker>
    
  • show (optional)

    Expression indicating if the control must be displayed or hidden. If omitted, the control is by default displayed.

    Example:

          <jqui-datepicker show='isVisible()'></jqui-datepicker>
    
  • selected (optional)

    Expression evaluated each time a date is being selected by the user.

    Example:

          <jqui-datepicker selected='dateSelected()'></jqui-datepicker>
    
  • options (optional)

    Once evaluated, this expression should return an object used as a base for the DatePicker control options.

    Example:

          <jqui-datepicker options='datePickerOptions'></jqui-datepicker>