在我的html中添加日期选择器

Question

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

1.Remove the echo from loadsubcat()

public function loadsubcat()  
{  
**echo** $category_id = $this->input->post('id',TRUE);
..........
.................
}

这是js：

    <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>

Answer 1

而不是

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

使用

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

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