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 相关文章推荐
JS trim去空格的最佳实践
Oct 30 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
AngularJS入门教程之XHR和依赖注入详解
Aug 18 Javascript
JavaScript实现经纬度转换成地址功能
Mar 28 Javascript
Angular2 组件通信的实例代码
Jun 23 Javascript
JS实现的找零张数最小问题示例
Nov 28 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
原生JS实现瀑布流插件
Feb 06 Javascript
关于vue面试题汇总
Mar 20 Javascript
微信小程序实现的日期午别医生排班表功能示例
Jan 09 Javascript
javascript中的闭包概念与用法实践分析
Jul 26 Javascript
详细介绍解决vue和jsp结合的方法
Feb 06 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
令PHP初学者头疼十四条问题大总结
2008/11/12 PHP
php压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
destoon调用自定义模板及样式的公告栏
2014/06/21 PHP
javascript中的有名函数和无名函数
2007/10/17 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
javascript中的原型链深入理解
2014/02/24 Javascript
javascript模拟实现ajax加载框实例
2014/10/15 Javascript
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
bootstrap3 兼容IE8浏览器!
2016/05/02 Javascript
JQuery异步加载PartialView的方法
2016/06/07 Javascript
AngularJS 执行流程详细介绍
2016/08/18 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
微信小程序定位当前城市的方法
2018/07/19 Javascript
vue项目中实现的微信分享功能示例
2019/01/21 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
Python 字符串中的字符倒转
2008/09/06 Python
详解Django中的权限和组以及消息
2015/07/23 Python
详解Python Socket网络编程
2016/01/05 Python
Python科学计算之Pandas详解
2017/01/15 Python
Python实现连接MySql数据库及增删改查操作详解
2019/04/16 Python
python微信聊天机器人改进版(定时或触发抓取天气预报、励志语录等,向好友推送)
2019/04/25 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例
2020/02/27 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
解决django框架model中外键不落实到数据库问题
2020/05/20 Python
Idea安装python显示无SDK问题解决方案
2020/08/12 Python
电子商务专业个人的自我评价分享
2013/10/29 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
政协常委会议主持词
2015/07/03 职场文书
事业单位岗位说明书
2015/10/08 职场文书
Python 如何利用ffmpeg 处理视频素材
2021/11/27 Python
Nginx 匹配方式
2022/05/15 Servers