首页 > 其他 > 详细

日期选择控件

时间:2019-09-23 21:53:21      阅读:82      评论:0      收藏:0      [点我收藏+]

视图:

<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

 

日期选择控件

原文:https://www.cnblogs.com/hugeboke/p/11574607.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!