我想在我的日期文本字段上按下时显示日历，用户应该能够从该日历中选择日期[关闭]

<div class="cont-7"><p class="para-2"><span class="font-2">Date</span></p></div>

The above is the code for label.

 <input id="date"type="text" name="text" class="input">

This is the code for textfield for entering date, i want a calendar to appear when i press this text field ...like a date picker.

HTML5 browsers have built-in support for date pickers. To do what you are asking you only need to change the type of your input field to date. Like this:

 <input id="date"type="date" name="text" class="input">