Making AngularStrap DatePicker Textbox Editable

Sachin Kainth

I am using AngularStrap 0.7.6 and have set a text field to be a date picker control like this

<input type="text" data-start-date="{{minimumPossibleDate | date: dd/MM/yyyy}}" 
data-end-date="{{maximumPossibleDate | date: dd/MM/yyyy}}" bs-datepicker 
placeholder="Earliest date" id="BoundaryFrom" name="BoundaryFrom" 
ng-model="currentFromDate" data-date-format="dd-mm-yyyy" />

This works great and gives me a calendar control exactly as I need it but there is one thing missing. I want to be able to edit the date in the text field by typing in a date, but the text field seems to be read only. I can't type a date into it, I can only select one from the calendar popup. How do I make it editable?

Gareth Williams

The datepicker example here http://mgcrea.github.io/angular-strap/##datepickers does what you want.

The example setup looks similar to what you have.

If you can't physically remove/edit the contents and enter whatever text you want then something else is blocking the text input to the control.

Also, your version of AngularStrap is quite far behind the currently released version. Maybe the older version of the AngularStrap plugin restricted manual text input.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

WPF DatePicker textbox white border not editable

From Dev

AngularStrap datepicker looks odd

From Dev

angularstrap 2.1.6 datepicker disable dates

From Dev

How to send AngularStrap datepicker value without timezone?

From Dev

Making an SKLabelNode editable

From Dev

Textbox not clickable but editable

From Dev

making EditText not editable using if statement

From Dev

How to make datepicker cell editable?

From Dev

Fabricjs, on loadFromJSON the textBox is not gettin editable

From Dev

Making textbox to declare aliases

From Dev

Making a TextBox PlaceholderText wrap

From Dev

making textbox readonly in javascript

From Dev

textbox access for datepicker

From Dev

Validation in datePicker textbox

From Dev

Making Table Column editable for float data types

From Dev

Constrain user selection to node without making it editable?

From Dev

Making a Single field editable in a Databound Gridview

From Dev

Making an editable flowchart in Qt/C++

From Dev

Making a column editable of dynamic created table

From Dev

How to write inside input after making it editable?

From Dev

Making a label editable depending on a variable in an array

From Dev

Making AngularUI datepicker an actual directive

From Dev

How to test closing of x-editable datepicker?

From Dev

How to Date field of datepicker non editable

From Dev

DatePicker Not Working while Cloning in MVC Editable

From Dev

Creating child editable textbox window on firebreath plugin

From Dev

MVC Required Textbox with JQuery DatePicker

From Dev

Jquery Datepicker not updating textbox in IIS

From Dev

Implementing DatePicker / DatePickerFlyout on TextBox Tapped

Related Related

HotTag

Archive