JSRender- 如何显示日历图标并使日期选择器字段只读

Question

我在我的模板中使用以下代码作为日期选择器。

{^{datepicker fromValue readonly="true" class="myclass"/}}

{^{datepicker toValue ^_minDate=fromValue class="myclass" readonly icon="show"/}}

我试图实现以下目标。

我想将日期选择器字段设为只读。对于上面的代码，它没有发生。
如何在文本框中显示日历图标。目前它没有发生。 icon=show...我试过了。我没看到任何地方。
在我的例子中，我必须同时显示 toDate 和 FromDate。如果用户首先 selects toValue 并从 value 返回，如何限制他的最大日期。目前它不限制 user.So 我可以 select 从大于今天的日期开始。

提前致谢。

Answer 1

对于只读日期选择器，它需要在 div 上，并且有 _disabled=true。如果不是 div 设置 _disabled=true 将禁用输入，因此日期选择器不会显示。

{^{datepicker startDate elem="div" _disabled=true/}}

提供图标：

{^{datepicker startDate
  _showOn= "button"
  _buttonImage="https://jqueryui.com/resources/demos/datepicker/images/calendar.gif"
  _buttonImageOnly= true
  _buttonText= "Select date"
/}}

有关开始和结束日期，请参阅 http://www.jsviews.com/#samples/tag-controls/datepicker/simple

{^{datepicker startDate
  ^_maxDate=endDate
/}}

{^{datepicker endDate
  ^_minDate=startDate
/}}

JSRender- 如何显示日历图标并使日期选择器字段只读

JSRender- How to display calendar icon and make date picker field read only

jquery-ui-datepicker

jsrender

jsviews