bootstrap-datetimepicker实现只显示到日期的方法


Posted in Javascript onNovember 25, 2016

本文实例讲述了bootstrap-datetimepicker实现只显示到日期的方法。分享给大家供大家参考,具体如下:

bootstrap-datetimepicker 一般都是设置到时分秒,有时候并不需要,怎么处理呢?

minView: "month", //选择日期后,不会再跳转去选择时分秒

bootstrap-datetimepicker实现只显示到日期的方法

1.引入

<link href="Public/css/bootstrap.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="{sh::PUB}js/jquery-1.10.2.min.js"></script>
<link type="text/css" rel="stylesheet" href="{sh::PUB}css/bootstrap-datetimepicker.min.css">
<script src="{sh::PUB}js/bootstrap-datetimepicker.min.js" type="text/javascript" /></script>
<script src="{sh::PUB}js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" /></script>

2.配置

// 日历
$('.form_datetime').datetimepicker({
  minView: "month", //选择日期后,不会再跳转去选择时分秒
  language: 'zh-CN',
  format: 'yyyy-mm-dd',
  todayBtn: 1,
  autoclose: 1,
});

3.html

<div class="form-group row">
  <div class="left col-xs-3 text-right">
    <label for="">*时间:</label>
  </div>
  <div class="right col-xs-6 text-left">
    <div class="input-group">
     <input type="text" class="form-control form_datetime" id="addtime" name="addtime" value="{sh:$info.addtime|default=$time|date='Y-m-d',###}" placeholder="">
     <span class="input-group-addon" id="basic-addon2"><span class="glyphicon glyphicon-time" aria-hidden="true"></span></span>
    </div>
  </div>
</div>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
为jQuery增加join方法的实现代码
Nov 28 Javascript
jquery绑定原理 简单解析与实现代码分享
Sep 06 Javascript
javascript数组详解
Oct 22 Javascript
javascript学习小结之prototype
Dec 03 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
May 27 Javascript
springMVC结合AjaxForm上传文件
Jul 12 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
Mar 09 Javascript
create-react-app 修改为多入口编译的方法
Aug 01 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 #Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 #Javascript
js事件源window.event.srcElement兼容性写法(详解)
Nov 25 #Javascript
使用JS读取XML文件的方法
Nov 25 #Javascript
JS比较两个数值的大小实例
Nov 25 #Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 #Javascript
js移动焦点到最后位置的简单方法
Nov 25 #Javascript
You might like
《OVERLORD》第四季,终于等到你!
2020/03/02 日漫
PHP执行批量mysql语句的解决方法
2013/05/02 PHP
使用PHP求两个文件的相对路径
2013/06/20 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
Laravel-添加后台模板AdminLte的实现方法
2019/10/08 PHP
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
2013/11/26 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
2014/12/04 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
2015/10/26 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
AngularJS实现的输入框字数限制提醒功能示例
2017/10/26 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
[03:55]TI9战队采访——TNC Predator
2019/08/22 DOTA
在树莓派2或树莓派B+上安装Python和OpenCV的教程
2015/03/30 Python
使用Python的判断语句模拟三目运算
2015/04/24 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
Python中对象的引用与复制代码示例
2017/12/04 Python
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
python实现支付宝转账接口
2019/05/07 Python
python爬虫解决验证码的思路及示例
2019/08/01 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
python 通过文件夹导入包的操作
2020/06/01 Python
python 元组和列表的区别
2020/12/30 Python
Python截图并保存的具体实例
2021/01/14 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
施华洛世奇波兰官网:SWAROVSKI波兰
2019/06/18 全球购物
教育实习生的自我评价分享
2013/11/21 职场文书
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
年终考核实施方案
2014/05/26 职场文书
初婚未育证明样本
2014/10/24 职场文书
2014年个人工作总结报告
2014/11/27 职场文书
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python