如何使用bootstrap实现年月日的时间选择
作者:cuteur发布时间:2022-11-22分类:bootstrap实例教程浏览:32评论:0
导读:下面介绍如何使用bootstrap实现年月日的时间选择。前端(vue)入门到精通课程:进入学习Apipost=Postman+Swagger+Mock+Jmeter...
下面介绍如何使用bootstrap实现年月日的时间选择。
前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用
使用bootstrap实现时间选择,页面需要加载以下文件:(推荐学习:Bootstrap视频教程)
1、CSS文件:bootstrap.min.css、bootstrap-datetimepicker.min.css
2、JS文件:jquery-1.8.3.min.js、bootstrap.min.js、bootstrap-datetimepicker.js、bootstrap-datetimepicker.zh-CN.js
使用bootstrap实现年份的选择。
bootstrap配置代码如下:
<script type="text/javascript">
$('.form_datetime').datetimepicker({
language: 'zh-CN',
minView: 4, format: 'yyyy',
startDate:2019,
autoclose: 1,
startView: 4,
});
</script>
登录后复制
使用bootstrap实现月份的选择。
bootstrap配置代码如下:
<script type="text/javascript">
$('.form_datetime').datetimepicker({
format: 'mm',
autoclose:true,
startView:3,
minView:3,
maxView:3,
initialDate:new Date(),
language:'zh-CN'
});
</script>
登录后复制
使用bootstrap实现年月日的选择。
bootstrap配置代码如下:
<script type="text/javascript">
$('.form_datetime').datetimepicker({
format: 'yyyymmdd',
weekStart: 1,
autoclose: true,
startView: 2,
minView: 2,
language:'zh-CN'
});
</script>
登录后复制
实现的效果如下:
更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!
以上就是如何使用bootstrap实现年月日的时间选择的详细内容,更多请关注知识分享网其它相关文章!
相关推荐
- 浅谈查看bootstrap和jQuery版本对应关系的方法
- bootstrap绝对定位[深入浅析Bootstrap中的自动定位浮标]
- 3 分钟使用Bootstrap-Table实现满意的表格功能
- bootstrap navbar[浅谈bootstrap中的navbar导航栏]
- bootstrap3和4区别是什么
- Bootstrap中怎么使用模态框?Modal组件用法浅析
- bootstrap分页插件[一文带你学习Bootstrap中的导航条和分页导航]
- bootstrap 数据表格[bootstrap怎么获取table数据]
- bootstrap支持几种列表样式
- bootstrap的应用[bootstrap内置插件有哪些]
你 发表评论:
欢迎- bootstrap实例教程排行
-
- 1bootstrap图片大小怎么设置[bootstrap的缩略图大小能设置么]
- 2bootstrap怎么让按钮居中[bootstrap中怎么设置按钮位置]
- 3bootstrap背景图铺满[bootstrap怎么添加背景图片]
- 4bootstrap左侧导航栏 可收缩[详解bootstrap自定义侧边导航栏的方法]
- 5bootstrap 隐藏元素[关于bootstrap model隐藏问题]
- 6bootstrap remote用法是什么
- 7bootstrap轮播图自动播放[怎么引用bootstrap轮播图]
- 8bootstrap点击按钮弹出表单[bootstrap 怎么关闭弹出框]
- 9禁用select下拉框[bootstrap-select下拉框如何清除选中的状态?]
- 标签列表
- 网站分类
- 最近发表