bootstrap日期选择器

来源：互联网发布：日历行程软件编辑：程序博客网时间：2024/05/17 23:34

1、下载包：http://www.bootcss.com/p/bootstrap-datetimepicker/

2、实例：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><script src="js/jquery1.7.2.js"></script><link rel="stylesheet" href="css/bootstrap.min.css"><script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script><link rel="stylesheet" type="text/css"href="css/bootstrap-datetimepicker.min.css"></head><body><input size="16" type="text" id="datetimeStart" readonly class="form_datetime"><input size="16" type="text" id="datetimeEnd" readonlyclass="form_datetime"><script type="text/javascript">$("#datetimeStart").datetimepicker({format : 'yyyy-mm-dd',minView : 'month',language : 'zh-CN',autoclose : true,todayHighlight : 1,maxView : 'year'});$("#datetimeEnd").datetimepicker({format : 'yyyy-mm-dd',minView : 'month',language : 'zh-CN',autoclose : true});</script></body></html>

3、结果

阅读全文

0 0