ইউআই উপাদান ব্যবহার না করে ম্যাজেন্টো 2 অ্যাডমিন গ্রিড ফিল্টারের তারিখ বিন্যাসটি কীভাবে পরিবর্তন করবেন?

14

নীচে রয়েছে some_grid_block.xml,

আমি কীভাবে ক্যালেন্ডার ফিল্টারে তারিখের ফর্ম্যাট পরিবর্তন করতে পারি। 

 <?xml version="1.0"?>
    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="adminhtml.qrcode.grid.container">
            <block class="Oneteam\Qrcode\Block\Grid" name="adminhtml.qrcode.grid" as="grid">
                <arguments>
                    <argument name="id" xsi:type="string">QrcodeGrid</argument>
                    <argument name="dataSource" xsi:type="object">Oneteam\Qrcode\Model\ResourceModel\Qrcode\Collection</argument>
                    <argument name="default_sort" xsi:type="string">qr_id</argument>
                    <argument name="default_dir" xsi:type="string">desc</argument>
                </arguments>
                <block class="Magento\Backend\Block\Widget\Grid\Column\Filter\Date">
                    <filterRange name="created_at"  class="Magento\Backend\Block\Widget\Grid\Column\Filter\Date">
                        <argument name="data" xsi:type="array">
                            <item name="config" xsi:type="array">
                                <item name="dataScope" xsi:type="string">created_at</item>
                                <item name="label" xsi:type="string" translate="true">Created</item>
                            </item>
                        </argument>
                        <filterDate name="from">
                            <argument name="data" xsi:type="array">
                                <item name="config" xsi:type="array">
                                    <item name="dataScope" xsi:type="string">from</item>
                                    <item name="label" xsi:type="string" translate="true">From</item>
                                    <item name="placeholder" xsi:type="string" translate="true">From</item>
                                    <item name="dateFormat" xsi:type="string" translate="true">dd/MM/YYYY</item>
                                </item>
                            </argument>
                        </filterDate>
                        <filterDate name="to">
                            <argument name="data" xsi:type="array">
                                <item name="config" xsi:type="array">
                                    <item name="dataScope" xsi:type="string">to</item>
                                    <item name="label" xsi:type="string" translate="true">To</item>
                                    <item name="placeholder" xsi:type="string" translate="true">To</item>
                                    <item name="dateFormat" xsi:type="string" translate="true">dd/MM/YYYY</item>
                                </item>
                            </argument>
                        </filterDate>
                    </filterRange>
                </block>
                <block class="Magento\Backend\Block\Widget\Grid\ColumnSet" as="grid.columnSet" name="qrcode.grid.columnSet">
                    <arguments>
                        <argument name="id" xsi:type="string">QrcodeGrid</argument>
                        <argument name="rowUrl" xsi:type="array">
                            <item name="generatorClass" xsi:type="string">Magento\Backend\Model\Widget\Grid\Row\UrlGenerator</item>
                            <item name="path" xsi:type="string">*/*/edit</item>
                            <item name="extraParamsTemplate" xsi:type="array">
                                <item name="qr_id" xsi:type="string">getId</item>
                            </item>
                        </argument>
                    </arguments>
                    <block class="Magento\Backend\Block\Widget\Grid\Column" as="qr_id">
                        <arguments>
                            <argument name="header" xsi:type="string" translate="true">ID</argument>
                            <argument name="sortable" xsi:type="string">true</argument>
                            <argument name="index" xsi:type="string">qr_id</argument>
                            <argument name="column_css_class" xsi:type="string">col-id</argument>
                            <argument name="header_css_class" xsi:type="string">col-id</argument>
                        </arguments>
                    </block>
                    <block class="Magento\Backend\Block\Widget\Grid\Column" as="qr_code">
                        <arguments>
                            <argument name="header" xsi:type="string" translate="true">QR Code</argument>
                            <argument name="type" xsi:type="string">text</argument>
                            <argument name="index" xsi:type="string">qr_code</argument>
                            <argument name="escape" xsi:type="string">1</argument>
                            <argument name="column_css_class" xsi:type="string">col-name</argument>
                            <argument name="header_css_class" xsi:type="string">col-name</argument>
                        </arguments>
                    </block>

                    <block class="Magento\Backend\Block\Widget\Grid\Column" as="qr_status">
                        <arguments>
                            <argument name="header" xsi:type="string" translate="true">QR Code Status</argument>
                            <argument name="type" xsi:type="string">text</argument>
                            <argument name="index" xsi:type="string">qr_status</argument>
                            <argument name="escape" xsi:type="string">1</argument>
                            <argument name="column_css_class" xsi:type="string">col-name</argument>
                            <argument name="header_css_class" xsi:type="string">col-name</argument>
                        </arguments>
                    </block>
            <block class="Magento\Backend\Block\Widget\Grid\Column" as="binggz_value">
                        <arguments>
                            <argument name="header" xsi:type="string" translate="true">Number of Binggz</argument>
                            <argument name="type" xsi:type="string">text</argument>
                            <argument name="index" xsi:type="string">binggz_value</argument>
                            <argument name="renderer" xsi:type="string">Oneteam\Qrcode\Block\Widget\Grid\Column\Renderer\Binggz</argument>
                            <argument name="escape" xsi:type="string">1</argument>
                            <argument name="column_css_class" xsi:type="string">col-name</argument>
                            <argument name="header_css_class" xsi:type="string">col-name</argument>
                        </arguments>
                    </block>

                    <block class="Magento\Backend\Block\Widget\Grid\Column" as="customer_username">
                        <arguments>
                            <argument name="header" xsi:type="string" translate="true">Customer Name</argument>
                            <argument name="type" xsi:type="string">text</argument>
                            <argument name="index" xsi:type="string">customer_username</argument>
                            <argument name="escape" xsi:type="string">1</argument>
                            <argument name="column_css_class" xsi:type="string">col-name</argument>
                            <argument name="header_css_class" xsi:type="string">col-name</argument>
                        </arguments>
                    </block>
                    <block class="Magento\Backend\Block\Widget\Grid\Column" as="created_date">
                        <arguments>
                            <argument name="header" xsi:type="string" translate="true">Created Date</argument>
                            <argument name="type" xsi:type="string">date</argument>
                            <argument name="index" xsi:type="string">created_date</argument>
                            <argument name="format" xsi:type="string" translate="true">dd-MM-YYYY HH:MM:SS</argument>
                            <argument name="column_css_class" xsi:type="string">col-name</argument>
                            <argument name="header_css_class" xsi:type="string">col-name</argument>
                        </arguments>
                    </block>

                </block>
            </block>
        </referenceBlock>
    </body>
    </page>
magento2  admin  filter  uicomponent  date 
— Jamshe
সূত্র

উত্তর:

14

নিম্নলিখিতটি XML কনফিগারেশন যা আপনার ইচ্ছা অনুসারে কাজ করা উচিত:

<filterRange name="created_at" class="Magento\Backend\Block\Widget\Grid\Column\Filter\Date">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="templates" xsi:type="array">
                <item name="date" xsi:type="array">
                    <item name="options" xsi:type="array">
                        <item name="dateFormat" xsi:type="string">dd/MM/y</item>
                    </item>
                    <item name="outputDateFormat" xsi:type="string">dd/MM/y</item>
                    <item name="inputDateFormat" xsi:type="string">dd/MM/y</item>
                </item>
            </item>
        </item>
    </argument>
</filterRange>

উপরের কনফিগারেশন সম্পর্কে কিছু তথ্য:

  • dateFormat(ইন options) হ'ল ফর্ম্যাট যা তারিখ পিকার থেকে ফিল্টার ক্ষেত্রে প্রবেশ করে।
  • inputDateFormat সার্ভার থেকে আগত তারিখের ফর্ম্যাট
  • outputDateFormat সার্ভারে প্রেরিত তারিখের ফর্ম্যাট।

তারিখটি কীভাবে ফর্ম্যাট করা হয়েছে তার উপর নির্ভর করে আপনার প্রয়োজন হতে পারে না inputDateFormat, যদিও এটি নিশ্চিত হওয়ায় এটির ক্ষতি হবে। আপনি যদি সেট করেন dateFormat, inputDateFormatফিল্টারগুলি যেভাবে পরিচালনা করা হয় তার কারণে আপনার সম্ভবত সেটও করা দরকার ।

এছাড়াও, বছরের yপরিবর্তে ব্যবহারের বিষয়টি লক্ষ্য করুন YYYY। তারিখের উপাদানটি আইসিইউ তারিখ ফর্ম্যাট ব্যবহার করে ।

পটভূমি

যদি আপনি আগ্রহী হন যে নেস্টেড কনফিগারেশনটি আসলে যেখানে যেতে হবে সেখানে কীভাবে আসে, এই পদক্ষেপগুলি। নীচের defaults: {}সমস্তটি জাভাস্ক্রিপ্ট শ্রেণীর অবজেক্টের অভ্যন্তরের মানগুলিতে প্রযোজ্য । ফাইল পাথ সম্পর্কিত:/vendor/magento/module-ui/view/base/web/js/

  1. ইন grid/filters/range.jsএকটি আছে templatesবিকল্প।
  2. ইনসাইড templatesহয় date, যার জন্য কনফিগারেশন ধারণ করে date.jsফর্ম উপাদান।
  3. form/element/date.jsবর্গ চেক এটা optionsমান কিনা তা দেখতে dateFormatসেট করা হয়।
  4. outputDateFormatএবং inputDateFormatউভয় date.jsফর্ম উপাদান ব্যবহৃত হয় ।

অবশেষে, যখন আপনি উল্লেখ করেছিলেন যে আপনি কোনও ইউআই কম্পোনেন্টটি ব্যবহার করতে চান না, আমি ধরে নিচ্ছি যে আপনার লক্ষ্য জাভাস্ক্রিপ্টের ক্লাসগুলি বা এর কোনও সংস্করণ বাড়ানো এড়ানো ছিল। filterRangeএক্সএমএল নোড একটি UI 'তে কম্পোনেন্ট জন্য কনফিগারেশন তাই এটি আসলে একটি UI' তে কম্পোনেন্ট ব্যবহার করে।

— bassplayer7
সূত্র
0

তারিখের ফর্ম্যাটটি পরিবর্তন করতে এই পদক্ষেপগুলি অনুসরণ করুন

গ্রিড / ফিল্টার / রেঞ্জ.জেজে একটি টেম্পলেট বিকল্প রয়েছে। টেম্পলেটগুলির অভ্যন্তরে তারিখ থাকে যা তারিখের জন্য কনফিগারেশন ধারণ করে। ফর্ম / উপাদান / তারিখ.জেএস শ্রেণি তারিখের ফর্ম্যাট সেট করা আছে কিনা তা দেখতে তার বিকল্পগুলির মানটি পরীক্ষা করে। আউটপুটডেট ফরমেট এবং ইনপুটডেট ফরম্যাট উভয়ই ডেট.জেএস ফর্ম উপাদানটিতে ব্যবহৃত হয়।

— অ্যালিন লুপোইউ
সূত্র
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.