jq ui datepicker添加时分秒

来源:互联网 发布:c语言 与 编辑:程序博客网 时间:2024/06/05 18:25

转自:http://www.cnblogs.com/stone_w/archive/2012/11/22/2783044.html


原因:

原来的datepicker是日期控件,只能具体到天。


解决步骤:

1.下载插件

2.引入

3.添加js代码


1.下载插件

官网地址:http://trentrichardson.com/examples/timepicker/

官网demo下载:https://github.com/trentrichardson/jQuery-Timepicker-Addon


2.引入

将js和css都引入


3.添加js代码

<inputid="time" type="text"/>


<script type="text/javascript"> jQuery(function () { // 时间设置jQuery('#time').datetimepicker({ 
timeFormat: "HH:mm:ss",
dateFormat: "yy-mm-dd" }); }); 
</script>


效果如下:



原创粉丝点击