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 相关文章推荐
用JavaScript获取网页中的js、css、Flash等文件
Dec 20 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
Jan 22 Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 Javascript
AJAX和jQuery动态加载数据的实现方法
Dec 05 Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
Oct 12 Javascript
基于jQuery实现无缝轮播与左右点击效果
May 13 jQuery
Vue插值、表达式、分隔符、指令知识小结
Oct 12 Javascript
ES6的解构赋值实例详解
May 06 Javascript
ElementUI多个子组件表单的校验管理实现
Nov 07 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
Sep 16 Javascript
原生jQuery实现只显示年份下拉框
Dec 24 jQuery
利用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
PHP的开合式多级菜单程序
2006/10/09 PHP
PHP和.net中des加解密的实现方法
2013/02/27 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
vue监听键盘事件的快捷方法【推荐】
2018/07/11 Javascript
React SSR样式及SEO的实践
2018/10/22 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
2019/03/29 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
python中将字典转换成其json字符串
2014/07/16 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
Django中reverse反转并且传递参数的方法
2019/08/06 Python
python中os包的用法
2020/06/01 Python
Python socket服务常用操作代码实例
2020/06/22 Python
Python unittest基本使用方法代码实例
2020/06/29 Python
Joe Fresh官网:加拿大时尚品牌和零售连锁店
2016/11/30 全球购物
医药大学生求职简历的自我评价
2013/10/17 职场文书
教师校本培训方案
2014/02/26 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
2014年党委工作总结
2014/11/22 职场文书
物业公司管理制度
2015/08/05 职场文书
民事纠纷协议书
2016/03/23 职场文书
Python time库的时间时钟处理
2021/05/02 Python
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript