手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >bootstrap-datetimepicker实现只显示到日期的方法
bootstrap-datetimepicker实现只显示到日期的方法
摘要:本文实例讲述了bootstrap-datetimepicker实现只显示到日期的方法。分享给大家供大家参考,具体如下:bootstrap-d...

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

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

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

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

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> <div> <label for="">*时间:</label> </div> <div> <div> <input type="text" id="addtime" name="addtime" value="{sh:$info.addtime|default=$time|date='Y-m-d',###}" placeholder=""> <span id="basic-addon2"><span aria-hidden="true"></span></span> </div> </div> </div>

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

【bootstrap-datetimepicker实现只显示到日期的方法】相关文章:

jQuery实现自动滚动到页面顶端的方法

js+html5实现canvas绘制简单矩形的方法

js兼容火狐显示上传图片预览效果的方法

jQuery实现首页图片淡入淡出效果的方法

jQuery实现强制cookie过期方法汇总

JQuery+CSS实现图片上放置按钮的方法

js+html5实现canvas绘制镂空字体文本的方法

js+HTML5实现canvas多种颜色渐变效果的方法

js实现文本框选中的方法

jQuery实现给页面换肤的方法

精品推荐
分类导航