bootstrap中的日期插件datetimepicker,怎么设置让它只到年月日

如题所述

首先,不管是datepicker还是datetimepicker,都是bootstrap爱好者编写的,并不是twitter官方提供的。

你想设置默认时间,其实使用value属性就可以了,这与datetimepicker无关,只是input本身的属性:

1

<input type="text" value="26/08/2013 19:14:58" data-format="dd/MM/yyyy hh:mm:ss" id="dp2">

1

$('#dp2').datetimepicker ();

以上会使默认时间设置为26/08/2013 19:14:58,如果你希望默认时间为当前时间,使用DOM操作下input的value属性就可以了。
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-03-07
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>

本回答被网友采纳

bootstrap中的日期插件datetimepicker,怎么设置让它只到年月日
2.配置 \/\/ 日历 ('.form_datetime').datetimepicker({ minView: "month", \/\/选择日期后,不会再跳转去选择时分秒 language: 'zh-CN',format: 'yyyy-mm-dd',todayBtn: 1,autoclose: 1,});3.html *时间:

bootstrap中的日期插件datetimepicker,怎么设置让它只到年月日
首先,不管是datepicker还是datetimepicker,都是bootstrap爱好者编写的,并不是twitter官方提供的。你想设置默认时间,其实使用value属性就可以了,这与datetimepicker无关,只是input本身的属性: ('#dp2').datetimepicker ();以上会使默认时间设置为26\/08\/2013 19:14:58,如果你希望默认时间为当前时间,...

bootstrap datepicker只选择年份
\/\/只选择年 startView: 2, maxViewMode: 2,minViewMode:2,\/\/只选择月 startView: 2, maxViewMode: 1,minViewMode:1,起始范围startView可以自定 另附手册地址:http:\/\/bootstrap-datepicker.readthedocs.org\/en\/latest\/options.html#startdate ...

bootstrap datetimepiker控件,怎么能够只选时间不选日期,被这玩意快搞...
startView:1,autoclose: true,});

Django网页集成Bootstrap Datetimepicker时间选择组件
首先,我们在HTML模板中进行设置。在部分,引入Bootstrap Datetimepicker的在线CSS文件,这比本地静态文件配置更为便捷。接着,在部分,加入JS脚本,包括Bootstrap4-datetimepicker和moment.js的cdn链接,以便处理日期和时间的显示。在user_add.html模板里,关键步骤是找到入职时间输入框(假设ID为dt),并在...

Django网页集成Bootstrap Datetimepicker时间选择组件
在Django网页中集成Bootstrap Datetimepicker时间选择组件,首先进行模板文件的修改。1.1 引入CSS和JS文件:在HTML模板的head部分,引入Bootstrap Datetimepicker的CSS,以及moment.js,用于处理日期格式。在线cdn版本便于管理,适合快速集成。1.2 Script代码编写:找到时间输入框的ID(如dt),并在user_add....

如何使用bootstrap的daterangepicker插件
bootstrap.min.css daterangepicker-bs3.css 即两个js文件,两个css文件。我们先打开demo看一下。这个日历效果很好,外形也十分美观。打开demo的代码,小编就以demo为例,来介绍一下这款日期控件的用法。首先,我们可以看到,这里有一个input。然后js中通过id“#reservation”来定位这个input,使它成为一...

bootstrap日期控件怎么使用
方法\/步骤 1 首先,我们将这款日期控件下载下来。百度bootstrap日期控件即可。2 将下载好的日期控件的css、js引入自己的文件中。在这里需要引入的文件有:bootstrap.min.css(含有bootstrap 所有css)bootstrap-datetimepicker.min.css(重要,这就是日期控件所需的样式表)jquery-1.8.3.min.js(其他...

bootstrap datetimepicker 重新初始化之后,日期为什么会变为1899年
\/\/ 先移除后重新初始化 (".form_datetime").datetimepicker('remove');\/\/ 日期控件属性设置(相当于初始化)(".form_datetime").datetimepicker({ format : format,startView : startView,maxView : maxView,minView : minView,pickerPosition : "bottom-left",language : 'zh-CN',todayBtn : ...

bootstrap datatimepicker 点击日期以后如何触发事件呢?
Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS\/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一...

相似回答
大家正在搜