Преобразовать тег <span>в качестве выбора даты

Question

Это мой графический интерфейс в формате HTML , а мой HTML-код

 <div class="row">
                <div class="col-md-5" style="    padding: 35px;">
                    <span style="font-size: 16px;">From</span>
                    <p style="padding-left: 20px;padding-top: 15px;">
                        <i class="fa fa-calendar" style="font-size:30px">
                            <input type="date" dataformatas=""/>
                            <span class="muve-span-date"><?php echo date('Y-m-01'); ?></span>
                        </i>
                    </p>
                </div>
                <div style="margin-top: 40px;" class="col-md-1">
                    <div class="vl"></div>
                </div>
                <div class="col-md-5" style="padding: 35px;">
                    <span style="font-size: 16px;">To</span>
                    <p style="padding-left: 20px;padding-top: 15px;">
                        <i class="fa fa-calendar" style="font-size:30px">
                            <span class="muve-span-date"><?php echo date("Y-m-d"); ?></span>
                        </i>
                    </p>
                </div>
            </div>

.Как я могу преобразовать этот тэг в качестве выбора даты.

Спасибо, Буддика.

Answer 1

Вы должны будете использовать указатель даты вместо диапазона.

Самый простой способ - просто использовать <input type="date"> и позволить браузеру справиться с этим за вас.Недостатком этого является то, что вы не можете стилизовать этот ввод.

Второй вариант - использовать библиотеку javascript, которая заботится о рендеринге средства выбора даты, два популярных варианта:

• Начальная загрузка средства выбора даты
• jQuery UI Datepicker

Это всего лишь 2 варианта, если вы ищете javascript datepicker, вы найдете гораздо больше, поэтому не стесняйтесь выбирать другой, если вы неТ, как 2, упомянутых выше.