码迷,mamicode.com
首页 > 其他好文 > 详细

开发路程(11): 日期时间选择器datetimepicker

时间:2014-07-19 12:16:40      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   java   color   使用   

在做项目中,往往会遇到需要用户输入2014-07-19 09:55:53这样的格式的数据.就是典型的年月日时分秒这样的格式.这个时候,使用datetimepicker会比较简单.

bubuko.com,布布扣

DateTimePicket jQuery 插件:使用此插件非强制性地将 datetimepicker、 datepicker 或 timepicker 下拉列表添加到您的窗体。就是这样.很好看吧.

添加jquery、datetimepicker和datetimepicker.css到您的页面:

1 <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
2 <script src="jquery.js"></script>
3 <script src="jquery.datetimepicker.js"></script>

HTML

 1 <input id="datetimepicker" type="text" > 

Javascript

 1 $(‘#datetimepicker‘).datetimepicker(); 

 1 $(‘#datetimepicker‘).datepicker(); 

 1 $(‘#datetimepicker‘).timepicker(); 

 效果如下:

 bubuko.com,布布扣

下载地址

开发路程(11): 日期时间选择器datetimepicker,布布扣,bubuko.com

开发路程(11): 日期时间选择器datetimepicker

标签:style   blog   http   java   color   使用   

原文地址:http://www.cnblogs.com/liubeimeng/p/3854636.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!