將<span>標簽</span>轉換<span>為日期選擇器</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('Ym-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("Ymd"); ?></span> </i> </p> </div> </div> 

。 如何將這個span標簽轉換為日期選擇器。

謝謝，佛祖。

Answer 1

您將必須實現日期選擇器而不是跨度。

最簡單的方法是只使用<input type="date">然后讓瀏覽器為您處理。 缺點是您無法真正設置此輸入的樣式。

第二個選擇是使用一個負責渲染datepicker的javascript庫，兩個流行的選擇是：

• 引導日期選擇器
• jQuery UI日期選擇器

這只是2個選項，如果您搜索javascript datepicker ，則會發現更多選擇，因此，如果您不喜歡上述2個，請隨時選擇其他選項。