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

时间:2016-10-16 09:41:12

标签: jquery-ui-datepicker jsrender jsviews

我在我的模板中使用以下代码为datepicke。

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

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

我试图实现以下目标。

  1. 我想将readpicker字段设为readonly。对于上面的代码,它没有发生。
  2. 如何在文本框中显示日历图标。目前尚未发生。 icon = show ...我试过了。我没有看到任何地方。
  3. 在我的情况下,我必须同时显示toDate和FromDate。如果用户首先选择toValue并从值返回,则如何限制其最大日期。目前它不限制用户。所以我能够从大于todate的日期中进行选择。
  4. 提前致谢。

1 个答案:

答案 0 :(得分: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
/}}