当前位置: 首页 > 编程笔记 >

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

陈业
2023-03-14
本文向大家介绍bootstrap-datetimepicker实现只显示到日期的方法,包括了bootstrap-datetimepicker实现只显示到日期的方法的使用技巧和注意事项,需要的朋友参考一下

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

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

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

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数据结构与算法技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

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

 类似资料:
  • 我正在使用以下代码实现引导datetimepicker: 包括文件的顺序为: 当我点击日历图标时,什么都不会发生。我在实施中犯了什么错误? 编辑: 增加了小提琴手:http://jsfiddle.net/1c1nr9sp/4/

  • 本文向大家介绍bootstrap datetimepicker日期插件使用方法,包括了bootstrap datetimepicker日期插件使用方法的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了bootstrap datetimepicker日期插件的简单使用,供大家参考,具体内容如下 首先在文件头部引入必要的文件: 想用中文显示,加入bootstrap-datetimepick

  • 本文向大家介绍bootstrap3使用bootstrap datetimepicker日期插件,包括了bootstrap3使用bootstrap datetimepicker日期插件的使用技巧和注意事项,需要的朋友参考一下 没用过bootstrap2,所以之间的差异不清楚,但是看往上基本上都是说bootstrap2与bootstrap-datetimepicker的使用,之间会有不同,所以写下记录

  • 我正在使用Java-Eclipse和oracle SGBD public DefaultTableModel getJoueurData(){

  • 本文向大家介绍BootStrap Datetimepicker 汉化的实现代码,包括了BootStrap Datetimepicker 汉化的实现代码的使用技巧和注意事项,需要的朋友参考一下 页面引用: daterangepicker汉化 datetimepicker汉化 以上所述是小编给大家介绍的BootStrap Datetimepicker 汉化的实现代码,希望对大家有所帮助,如果大家有任何

  • 本文向大家介绍bootstrap日历插件datetimepicker使用方法,包括了bootstrap日历插件datetimepicker使用方法的使用技巧和注意事项,需要的朋友参考一下 如何使用bootstrap日历datetimepicker插件? 一、引入文件 1、css样式 2、js文件 二、 布局代码 1、 布局代码: 三、js调用代码: 手册地址:http://bootstrap-da