bootstrap datetimepicker日期插件使用笔记
2018-03-29 11:32
751 查看
文件头部引入必要的文件:<link href="static/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script type="text/javascript" src="static/js/bootstrap-datetimepicker.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="static/js/bootstrap-datetimepicker.zh-CN.js"></script>
<link href="static/css/bootstrap.min.css" rel="stylesheet" />所需文件下载地址:https://download.csdn.net/download/f954618482/10315250
HTML部分代码:
然后调用初始化日期插件方法:
效果图:
<script type="text/javascript" src="static/js/bootstrap-datetimepicker.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="static/js/bootstrap-datetimepicker.zh-CN.js"></script>
<link href="static/css/bootstrap.min.css" rel="stylesheet" />所需文件下载地址:https://download.csdn.net/download/f954618482/10315250
HTML部分代码:
<input placeholder="选择日期" type="text" id="datetimepicker" readonly class="form_datetime">
然后调用初始化日期插件方法:
<script type="text/javascript"> $('#datetimepicker').datetimepicker({ language: 'zh-CN',//显示中文 format: 'yyyy-mm-dd',//显示格式 minView: "month",//设置只显示到月份 initialDate: new Date(),//初始化当前日期 autoclose: true,//选中自动关闭 todayBtn: true//显示今日按钮 }); </script>
效果图:
相关文章推荐
- bootstrap datetimepicker日期插件超详细使用方法介绍
- bootstrap日期插件datetimepicker的简单使用
- bootstrap datetimepicker日期插件使用方法
- bootstrap datetimepicker日期插件简单使用方法
- bootstrap datetimepicker日期插件超详细使用方法介绍
- bootstrap datetimepicker 日期插件超详细使用方法
- bootstrap datetimepicker日期插件超详细使用方法
- bootstrap-datetimepicker.min.js日期插件使用记录
- bootstrap datetimepicker日期时间插件的使用
- anguar js 日期和时间选择插件 angular-datetimepicker 使用时注意事项
- Bootstrap日期和时间表单组件datetimepicker的使用
- Bootstrap3 日期+时间选择控件 datetimepicker的使用方法说明
- 前端日期选取插件bootstrap-datepicker.js的使用
- Bootstrap的日期选择插件DateTime Picker增强版
- bootstrap日历插件datetimepicker使用方法
- datetimepicker、mobiscroll日期插件使用demo
- bootstrap中日期插件 datetimepicker 只选择年份
- bootstrap datetimepicker日期控件的使用
- 使用bootstrap日历datetimepicker插件方法
- bootstrap datetimepicker2.3.11时间插件使用