首页 > Web开发 > 详细

Js Jquery 时间控件显示小时 分钟 秒

时间:2016-02-16 11:45:14      阅读:393      评论:0      收藏:0      [点我收藏+]
// ui.js 自带的datepicker 插件只能显示日期不能显示时分秒  使用dateTimePicker可以显示时间
效果图:技术分享
 
 
首先需要引用 js和css 注意 ui.js的顺序要在slide 和timepicker 前面 否者无法运行
 <script src="../Scripts/jquery-1.7.1.min.js"></script>
    <script src="../Content/themes/timepicker/js/jquery-ui.js"></script>
    <script src="../Content/themes/timepicker/js/jquery-ui-slide.min.js"></script>
    <script src="../Content/themes/timepicker/js/jquery-ui-timepicker-addon.js"></script>
    <link href="../Content/themes/timepicker/css/jquery-ui.css" rel="stylesheet" />

  

Html 部分如下:
如果出现页面日历样式出现问题 可以自行调css  可以把
ui-datepicker 的 width: auto; 调为自适应
<body>
    <script>
        $(function () {
            $("#MyDte").datetimepicker();
        })
    </script>
    <form id="form1" runat="server">
        <div>
            <input id="MyDte" type="text"/>
        </div>
    </form>
</body>

技术分享

Js Jquery 时间控件显示小时 分钟 秒

原文:http://www.cnblogs.com/chengxun/p/5192122.html

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