JSRender-как отобразить значок календаря и сделать поле выбора даты только для чтения

Я использую следующий код для datepicke в своем шаблоне.

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

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

Я пытался добиться следующих вещей.

  1. Я хочу сделать поле выбора даты доступным только для чтения. Для приведенного выше кода этого не происходит.
  2. Как отобразить значок календаря в текстовом поле. в настоящее время этого не происходит. icon=show... Я пробовал. Я нигде не видел.
  3. В моем случае я должен одновременно показывать toDate и FromDate. Если пользователь сначала выбирает toValue и возвращается к from value , как ограничить его максимальную дату. В настоящее время это не ограничивает пользователя. Поэтому я могу выбрать дату, которая больше, чем сегодняшняя.

Заранее спасибо.


jquery-ui-datepicker jsrender jsviews
person svk    schedule 16.10.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Для выбора даты только для чтения он должен быть на 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
/}}
person BorisMoore    schedule 17.10.2016