日期选择控件

视图：

<tr class="TrDisplay">
   <th>开业年份：</th>
   <td colspan="3">
       <input type="text" name="PracticeYear" id="PracticeYear" value="@Model.PracticeYear" maxlength="60" size="50" class="que_important">
   </td>
</tr>

JS：

<script language="javascript" type="text/javascript" src="@Url.Content("~/js/DatePicker/WdatePicker.js")"></script>

  
    @* 日历 *@
    <script type="text/javascript">
        $("#RenovationYear").bind("click", function () { WdatePicker({ doubleCalendar: true, dateFmt: \'yyyy\' }) });//设置显示形式
        $("#DepartureTime").bind("click", function () { WdatePicker({ doubleCalendar: true, dateFmt: \'HH:ss\' }) });
    </script>

WdatePicker.js

控制器：（用于初始化时间）

 ViewSpotModel model = new ViewSpotModel();
 model.PracticeYear = DateTime.Now.ToString("yyyy");
 model.DepartureTime = "12:00";

也可以参考博客：
https://www.cnblogs.com/javaboy2018/p/9313433.html
https://www.cnblogs.com/goloving/p/7163697.html