在可删除的可编辑网格中添加日历控件

Question

I am trying to add a calender control in knockout editable grid I have added a calender in my needed Column when the grid rendered the first row added was attached with the calender but all the dynamically added rows I add (generated with the same id) not attached with the Calender.

So what should i do ?

<td><input type="text" id="Calender" class='span11 required' data-bind="value: Date" /></td>

i'm using the following example:

http://jsfiddle.net/rniemeyer/7RDc3/

Answer 1

you have to do a date custom binding, if you dont want to write your own, there is a good datepicker here that is ready to work with ko. docs are not very clear but just see source code and you will there is all you need.

this is how you use it:

<input type="text" class="form-control input-sm borderless-control" placeholder="Seleccione Fecha"
                               data-bind="datepicker: $data.date, datepickerOptions: { format: 'LL' }" />

You will need moment js too wich is a really good library to work with dates

hope it helps!