将日期选择器添加到我的 html

Question

我正在尝试将日期选择器添加到我的导航栏...弹出文本框但没有弹出日期选择器。请帮我修复日期选择器。 html代码：

    <li><a herf='#'>Country</a>

                    <ul>
                        <li><a herf= "#">Brazil</a></li>
                        <li><a herf= "#">Taiwan</a></li>
                    </ul>

                </li>
                <li><a herf="#payperiod">Pay Period</a>
                     <ul>
                        <li><a herf= "#">Start Date <input type='date' id="beginning"></a>
                         <script>
                          $(function() {
                            $('#beginning').datepicker();
                          });
                         </script></li> 

                         <li><a herf= "#">End Date <input type='date' id='ending'></a>
                         <script>
                          $(function() {
                            $('#ending').datepicker();
                          });
                         </script></li> 




                     </ul>

这是js：

$(document).ready(function() {
$("#beginning").datepicker();
$("#ending").datepicker();
});

Answer 1

而不是

<input type="text" id="beginning">

使用

<input type="date" id="beginning">

这将告诉浏览器将该输入解析为日期，从而显示日期选择器。

将日期选择器添加到我的 html

Adding a date picker to my html

html

javascript

jquery

datepicker