날짜 선택기를 사용하여보기에서 노출 된 필터를 구성하는 방법은 무엇입니까?

사용자가 작성 날짜, 바람직하게는 날짜 선택기를 사용하여 내 사이트 컨텐츠를 필터링 할 수 있도록 노출 된 필터를 구성하려면 어떻게해야합니까?

Content : Authored on filter를 사용하려고 시도했지만 yyyy-mm-dd hh : mm : ss 형식으로 날짜 / 시간을 입력하기 위해 날짜를 입력하는 텍스트 필드가 표시되어 사용자가 날짜를 입력 하기가 더 어려워 졌습니다. 더 많은 오류가 발생하기 쉽습니다.

뷰 7.x-3의 Drupal 8과 Drupal 7의 차이점은 무엇입니까 ?

날짜 팝업 모듈을 사용할 수 있습니다 .

기본 HTML 5 날짜 팝업 위젯을보기 필터의 모든 날짜 필드에 추가합니다.

는 AS 노출 된 필터에 날짜를 선택하면 입력 한 날짜의 사용 폼 요소 대신 텍스트 필드 아직 진행 중입니다.

며칠 전에 릴리스 된 새로운 패치가 있는데, 프로젝트에서 테스트하여 제대로 작동합니다. 문제는 다음과 같습니다.

노출 된 필터에서 날짜를 선택할 때 텍스트 필드 대신 날짜 유형의 양식 요소를 사용하십시오.

문제 / 동기 부여

날짜 시간 노출 필터를 추가 할 때 단순히 날짜를 선택할 수 없습니다-UX가 매우 나쁜 날짜를 수동으로 입력해야합니다.

그리고 패치는 65입니다

더 나은 노출 필터 모듈은 날짜 팝업을 포함하여 날짜 유형 필드와 통합됩니다. 이 모듈을 사용하면 날짜 팝업으로 노출 된 필터를 쉽게 추가 할 수 있습니다.

현재 베타 버전이지만 사용할 수 있습니다.

해당 페이지의 jquery 날짜 선택기를 종속성으로 추가하십시오. your_theme.libraries.yml

date-picker:
  js:
    script/site-datepicker.js : {}
  dependencies:
    - core/jquery
    - core/jquery.ui.datepicker

site-datepicker.js

Drupal.behaviors.customDatepicker = {
  attach: function (context, settings) {
    jQuery(function () {
      jQuery("#datepicker").datepicker({
        dateFormat: "dd-mm-yy",
        altField: "input[data-drupal-selector=edit-created]",
        altFormat: "yy/mm/dd 23:59:59"
      });
    });
  }
};

views-exposed-form-- views-block-name .html.twig

{% if q is not empty %}
  {#
    This ensures that, if clean URLs are off, the 'q' is added first,
    as a hidden form element, so that it shows up first in the POST URL.
  #}
  {{ q }}
{% endif %}

<input id="datepicker" type="text">
<input data-drupal-selector="edit-created" data-msg-maxlength="This field field has a maximum length of 128." name="created" size="30" maxlength="128" aria-invalid="false" type="hidden">
{{ form|without('created') }}