Mds92 / MD.BootstrapPersianDateTimePicker

Bootstrap Persian/Gregorian Date Time Picker
347 stars 105 forks source link

نمایش تاریخ میلادی بعد از انتخاب تاریخ #288

Closed samanzdev closed 1 year ago

samanzdev commented 1 year ago

درود بر شما... من به یک مشکل برخورد کردم و اونم اینه که بعد از انتخاب تاریخ، تاریخ انتخاب شده در اینپوت به صورت میلادی نمایش میده. ممنون میشم راهنمایی بفرمایید

Mds92 commented 1 year ago

لطفا کدی که برای این کار نوشته اید بنویسید دقت شود که در مقدار دهی اولیه کدی مشابه زیر باید نوشته شود:

const dtp1Instance = new mds.MdsPersianDateTimePicker(document.getElementById('dtp1'), {
  targetTextSelector: '[data-name="dtp1-text"]',
  targetDateSelector: '[data-name="dtp1-date"]',
});

targetDateSelector المانی هست که تاریخ میلادی در آن قرار داده می شود

samanzdev commented 1 year ago

این کد html

                                                <div class="input-group-prepend order-2">
                                                    <span class="input-group-text" id="startDate">
                                                        <i class="fas fa-clock"></i>
                                                    </span>
                                                </div>
                                                <input type="text" class="form-control" id="startInput"
                                                       name="start_at">
                                            </div>

این کد جاوااسکریپت

const dtp1Instance = new mds.MdsPersianDateTimePicker(document.getElementById('startDate'), {
            targetTextSelector: '#startInput',
            targetDateSelector: '#startInput',
            persianNumber: true,
            textFormat: 'yyyy-MM-dd HH:mm',
        });
samanzdev commented 1 year ago

خیلی ممنون اوکی شد. مشکل از اینپوت ها بود.