JSViews 两种方式绑定不适用于日期选择器

Question

我正在使用示例 jquery 控件和此处找到的 jsviews：http://www.jsviews.com/#samples/tag-controls/datepicker/simple

微调器适用于双向绑定，但日期选择器不行。

我已经尝试了三种链接变体。

{^{datepicker sDate }}
    <input id="sDate" name="sDate" />
{{/datepicker}}

{^{datepicker sDate /}}

<input class="" data-link="{datepicker sDate}" type="text" name="sDate" id="sDate" />

被绑定的数据取一个asp.netjson日期，用Moment转成js日期，添加到绑定对象中。 "sDate" 因此是一个基本的 js 日期。

data.sDate = moment(data.StartDate).toDate();

我错过了什么？

Answer 1

看看 http://www.jsviews.com/#samples/tag-controls/datepicker/with-converters - 它使用 Moment 进行转换。

您可以添加第二个日期选择器 - 通过重复以下操作，例如：

<div data-link="{datepicker date
     _dateFormat='dd/mm/y'
     convert='toDateString'
     convertBack='toWcfDate'
  }"></div>

您会看到双向绑定有效，当您更改任一日期选择器时，两个日期选择器保持同步。

另请参阅此处的讨论：https://github.com/BorisMoore/jsviews/issues/344#issuecomment-235405312

JSViews 两种方式绑定不适用于日期选择器

JSViews two way binding not working with datepicker

jsviews