900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JQuery-datetimepicker日期时间选择器 增加时分秒

JQuery-datetimepicker日期时间选择器 增加时分秒

时间:2021-04-16 13:27:10

相关推荐

JQuery-datetimepicker日期时间选择器 增加时分秒

jquery-ui 类库,官方里面的demo是没有时分秒的,

但是后面的开发者增加了这些功能!

除了选择年月日,可以选择时分秒,

也可以点击now获取今天这个电脑的准确日期

JQuery-UI1.12下载

提示:

1、jquery用js,

2、jquery-ui用图标素材,以及一个js,

3、由第三方开发者提供的 jquery-ui-timepicker-addon.css,jquery-ui-timepicker-addon.js)

<!DOCTYPE html><html><head><title>datepicker.html</title><!--datepicker:日期采摘; 可以制作一个简单的日历表 --><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script src="js/jquery.js"></script><script src="js/jquery-ui.js"></script> <script src="js/jquery-ui-timepicker-addon.js"></script> <link type="text/css" href="css/jquery-ui.css" rel="stylesheet"><link type="text/css" href="css/jquery-ui-timepicker-addon.css" rel="stylesheet"></head><body> <!-- 由于UI库的版本不同,跟老师相比:没有2个按钮 --><div style="margin: 200px;"> <input type="text" id="TodayTime" value="-4-05 13:40:10"> </div> <script> $(function(){$("#TodayTime").datetimepicker({ defaultDate: $('#TodayTime').val(), dateFormat: "yy-mm-dd", showSecond: true, timeFormat: 'hh:mm:ss', stepHour: 1, stepMinute: 1, stepSecond: 1 })})</script> </body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。