JSViews双向绑定不使用datepicker

时间:2016-08-26 15:37:43

标签: jsviews

我正在使用示例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.net json日期,使用Moment将其转换为js日期,并将其添加到绑定对象。 &#34; SDATE&#34;因此是一个基本的日期。

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

我错过了什么?

1 个答案:

答案 0 :(得分:2)

看看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