Datepicker options on HTML instead of javascript

Question

Is there a way to provide datepicker-options in ui.bootstrap.datepickerPopup in the HTML instead of creating a separate object for each datepicker?

The original documentation says

to configure the uib-datepicker you need to create an object in Javascript with all the options and use it on the datepicker-options attribute

However, I have almost 40 different datepickers on a page. And I have to provide min and max dates dynamically.

Earlier versions (ui-bootstrap-tpls-0.13.4.js) of datepicker, I could use max-date or min-date attribute with some ng-model value on the input element itself. Now do I have to create a JS object for each datepicker-options? Is there a way to achieve this?

sometimes your brain stops working like it is supposed to. thanks svarog. (y) — Mahesh
– Mahesh, Commented Sep 7, 2016 at 18:41

Mahesh · Accepted Answer · 2016-09-07 18:43:06Z

3

As mentioned in comments by @savrog, I just added the date-picker options in HTML as follows:

<input datepicker-options="{minDate: MyMinDate}" type="text" class="form-control" uib-datepicker-popup="MM/dd/yyyy" ng-model="vm.dDischargeDateFormatted" is-open="dDischargeDateFormatted" ng-required="false" close-text="Close" alt-input-formats="altInputFormats"/>
     <span class="input-group-btn">
             <button type="button" class="btn btn-default" ng-click="dDischargeDateFormatted=true"><i class="glyphicon glyphicon-calendar"></i></button>
     </span>

answered Sep 7, 2016 at 18:43

Mahesh

4,0651 gold badge42 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Datepicker options on HTML instead of javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related