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

Question

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

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

我试图实现以下目标。

1. 我想使日期选择器字段只读。对于上面的代码，它不会发生。
如何在文本框中显示日历图标。目前还没有发生。图标=显示……我试过了。我哪儿也没看见。
2. 在我的情况下，我必须同时显示toDate和FromDate。如果用户首先选择toValue，然后返回from value，如何限制他的最大日期。目前还没有限制用户。所以我可以从大于todate的date中选择。

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
/}}