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>

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5319724.html,如需转载请自行联系原作者

相关文章
|
Linux PHP
阿里云centos7.6安装php7.3的详细教程
阿里云centos7.6安装php7.3的详细教程
851 0
|
前端开发 JavaScript
uniapp实现轮播swiper中间大两头小
uniapp实现轮播swiper中间大两头小
427 0
|
小程序 开发工具 Android开发
uni-app使用HBuilder X编辑器本地打包apk步骤说明
uni-app使用HBuilder X编辑器本地打包apk步骤说明
2725 0
|
移动开发 Java API
大疆无人机对接
本文介绍了大疆无人机对接第三方云平台的方案,包括设备对接和CloudAPI对接两种方式,重点讨论了CloudAPI对接。CloudAPI对接方案通过DJI Pilot 2或大疆机场将无人机与第三方云平台连接,实现低门槛接入,无需重复开发APP。方案优势在于让开发者更专注于业务开发,而非无人机功能适配。文章详细阐述了对接流程,包括环境准备、申请APPKey、对接流程、直播功能及获取无人机实时数据等内容,并提供了丰富的接口说明和技术支持资源。
7816 4
大疆无人机对接
Vue3拖拽插件(vuedraggable@next)
vuedraggable 是一款 Vue2 拖拽插件,可轻松实现列表项的拖拽排序与交互。通过简单配置,即可在不同区域间拖动元素并实现数据同步。支持多种事件监听和自定义样式。
1531 2
Vue3拖拽插件(vuedraggable@next)
|
SQL 存储 关系型数据库
MySQL配置文件my.cnf 优化
MySQL配置文件my.cnf 优化
406 0
|
API 开发工具 Android开发
简述大疆无人机对接
【2月更文挑战第7天】本文介绍了对接大疆无人机的主要目的,包括实时画面获取、飞行数据监测、操控飞行、媒体管理和业务功能开发等,并列举了多种开发接口如MobileSDK、UXSDK、云开发API等。重点讨论了MobileSDK在Android平台的应用,包括SDK集成步骤、直播推流和获取飞机实时数据的细节。另外,UXSDK用于加速应用开发,提供预设UI组件。上云API则简化了无人机与第三方云平台的集成,支持MQTT、HTTPS和WebSocket协议,适用于行业级无人机。对接流程涉及Pilot2和Dock的配置,以及数据传输和业务功能处理。文章还提及了如何对接多个飞机的方法。
10972 0
简述大疆无人机对接
uniapp u-tabs表单如何默认选中
uniapp u-tabs表单如何默认选中
813 0
|
存储 SQL Java
【Java】【MySQL】数据库存储的日期是字符类型,查询指定日期时间区间是用数据库的方法STR_TO_DATE().
【Java】【MySQL】数据库存储的日期是字符类型,查询指定日期时间区间是用数据库的方法STR_TO_DATE().
636 0
【Java】【MySQL】数据库存储的日期是字符类型,查询指定日期时间区间是用数据库的方法STR_TO_DATE().
|
测试技术 数据安全/隐私保护 Windows

热门文章

最新文章