将<span>标记转换为日期选择器

Question

这是我在HTML 中的GUI视图，我的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>

。如何将这个span标签转换为日期选择器。

谢谢， 佛教。

Answer 1

您将必须实现日期选择器而不是跨度。

最简单的方法是只使用<input type="date">并让浏览器为您处理。缺点是您无法真正设置此输入的样式。

第二个选项是使用负责渲染日期选择器的javascript库，两个流行的选择是：

• Bootstrap datepicker
• jQuery UI Datepicker

这只是2个选项，如果您搜索javascript datepicker，则会发现更多的内容，因此，如果您不喜欢上面提到的2个选项，请随时选择其他选项。