วิธีกำหนดค่าตัวกรองที่เปิดเผยในมุมมองโดยใช้ตัวใช้เลือกวันที่

ฉันจะกำหนดค่าตัวกรองแบบเปิดเผยเพื่อให้ผู้ใช้สามารถกรองเนื้อหาเว็บไซต์ของฉันตามวันที่สร้างได้อย่างไรโดยใช้ตัวเลือกวันที่

ฉันลองใช้เนื้อหา: เขียนโดยเป็นตัวกรอง แต่ฉันได้รับฟิลด์ข้อความเพื่อป้อนวันที่เพื่อป้อนวันที่ / เวลาในรูปแบบyyyy-mm-dd hh: mm: ssซึ่งทำให้การป้อนวันที่ยากขึ้นสำหรับผู้ใช้ และเกิดข้อผิดพลาดได้ง่ายขึ้น

ความแตกต่างระหว่าง Drupal 8 กับ Drupal 7 กับViews 7.x-3 คืออะไร?

คุณสามารถใช้โมดูลDate Popup

เพิ่มวิดเจ็ตป๊อปอัพวันที่ HTML 5 ดั้งเดิมลงในฟิลด์วันที่ทั้งหมดในตัวกรองมุมมอง

เนื่องจากองค์ประกอบฟอร์มใช้เป็นวันที่แทนฟิลด์ข้อความเมื่อเลือกวันที่ในตัวกรองที่เปิดเผยยังคงดำเนินการอยู่

มีแพทช์ใหม่เปิดตัวไม่กี่วันที่ผ่านมาฉันทดสอบในโครงการและใช้งานได้ดี นี่คือปัญหา:

ใช้องค์ประกอบแบบฟอร์มวันที่พิมพ์แทนฟิลด์ข้อความเมื่อเลือกวันที่ในตัวกรองที่เปิดเผย

ปัญหา / การสร้างแรงจูงใจ

เมื่อเพิ่มตัวกรองที่เปิดเผยวันที่และเวลาฉันไม่สามารถเลือกวันที่ - ฉันต้องป้อนวันที่ด้วยตนเองซึ่งเป็น UX ที่แย่มาก

และโปรแกรมแก้ไขคือหมายเลข 65

กรองที่ดีกว่าแดงโมดูลผสานรวมกับช่องวันชนิดรวมถึงวันที่ป๊อปอัพ คุณสามารถใช้โมดูลนี้เพื่อเพิ่มตัวกรองที่เปิดเผยด้วยป๊อปอัพวันที่ได้อย่างง่ายดาย

มันเป็นรุ่นเบต้าในตอนนี้ แต่คุณสามารถใช้งานได้

เพิ่มตัวเลือกวันที่ jquery สำหรับหน้านั้นเป็นการพึ่งพา your_theme.libraries.yml

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

เว็บไซต์ 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') }}