bootstrap的datetimepicker只选择月份

本文转载自:http://blog.csdn.net/feng1603/article/details/41869523

直接上代码:

//选择年月日的       startView: 2,   minView: 2, format: ‘yyyymmdd‘,
$(‘#datetimepicker‘).datetimepicker({
        format: ‘yyyymmdd‘,
         weekStart: 1,
         autoclose: true,
         startView: 2,
         minView: 2,
         forceParse: false,
         language: ‘zh-CN‘
    });
//选择年月的       startView: 3,   minView: 3, format: ‘yyyymm‘,
$(‘#datetimepicker‘).datetimepicker({
        format: ‘yyyymm‘,
         weekStart: 1,
         autoclose: true,
         startView: 3,
         minView: 3,
         forceParse: false,
         language: ‘zh-CN‘
    });
//选择年的       startView: 4,   minView: 4, format: ‘yyyy‘,
$(‘#datetimepicker‘).datetimepicker({
        format: ‘yyyymm‘,
         weekStart: 1,
         autoclose: true,
         startView: 4,
         minView: 4,
         forceParse: false,
         language: ‘zh-CN‘
    });
    <div class="col-md-7">
                 <div class=‘input-group date form_date‘ >
                    <input name="startTm" id="datetimepicker" type=‘text‘ class="form-control input-sm" readonly="readonly"/>
                    <span class="input-group-addon input-sm">
                      <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
   </div>

在这里遇到很多问题:什么日历图标没反映啊,输入框和日历图标对不齐啊,点日历图标把数据清了啊……都是样式问题,所以提供几种样式,一种一种试吧……博大精深啊……

<div class=‘input-group date form_date‘ data-date-format="yyyymmdd">
    <input name="startTm" id="startTm" type=‘text‘ class="form-control input-sm" readonly="readonly"/>
    <span class="input-group-addon input-sm">
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

<div class="date input-append"  id="datetimepicker">
                   <div class="input-group">
                    <input class="form-control input-sm" readonly="readonly" type="text">
                    <span class="add-on input-group-addon"><i class="icon-remove"></i></span>
                    <span class="add-on input-group-addon"><i class="icon-th"></i></span></div>
                  </div>

时间: 2024-08-30 01:46:35

bootstrap的datetimepicker只选择月份的相关文章

easyUI日期控件只选择月份和日期

最近的工作中,有块业务要求只选择月份和日期,翻遍了easyUI的API和网络资料也没找到方法,网上几乎都是只要年份或者年月,没有我需要的场景.遂自己琢磨了下,最终成功只选择月份和日期,过滤掉了年份. 我想要的是这样的↓ 我修改后的效果是这样的↓ 现分享代码如下: 1 $("#"+param).datebox({ 2 showSeconds: false, 3 required:true, 4 onShowPanel: function () {// 隐藏年的选择 5 $(".

easyui datebox 只选择月份的方法

效果如下图: 代码如下: <html > <head> <meta charset="utf-8"> <title>ECharts · Example</title> <link href="../easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link h

bootstrap datetimepicker 中只显示年或者只显示月份

1.只显示datetimepicker  日历中只显示年份 $("#day-access-calendar").datepicker({ startView: 2, maxViewMode: 2, minViewMode:2, format: "yyyy",//选择日期后,文本框显示的日期格式 language: "zh-CN" //汉化 }); 主要为:startView: 2, maxViewMode: 2,minViewMode:2, 这三

EasyUI Combotree只选择叶子节点

EasyUI Combotree的方法拓展自Combo和Tree.而Tree有一个onBeforSelect事件来帮助我们实现只选择叶子节点的功能. Tree事件需要 'node' 参数,它包括下列属性: id:绑定到节点的标识值. text:要显示的文本. iconCls:用来显示图标的 css class. checked:节点是否被选中. state:节点状态,'open' 或 'closed'. attributes:绑定到节点的自定义属性. target:目标的 DOM 对象. onB

Android DatePickerDialog 只选择年月

//对EditText注册OnTouch事件etSscxNssbDate.setOnTouchListener(selectDateTouchListener); //选择日期 private OnTouchListener selectDateTouchListener = new OnTouchListener(){ @Override public boolean onTouch(View v, MotionEvent event) { if(event.getAction()==Moti

bootstrap datetimepicker 时间段选择限制

<!DOCTYPE html> <html> <head> <title></title> <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="../css/bootstrap-datetimepicker.min.css&quo

datetimepicker只显示日期,不显示时分秒

HTML代码<div class="input-group date form_datetime form-date" data-link-field="dtp_input1" > <input class="form-control" size="16" type="text" readonly> <span class="input-group-addon&quo

物联网平台设计心得:DateTimePicker实现选择联动

所谓的选择联动,就是指,当我DateTimePicker1选择2月4号的时候,我DateTimePicker2只能选择2月4号和2月5号两天,当然你可以自行规定要选择的日期.这在一些图表查询条件里面是很常用的一个功能.下面我们就来看看如何设计. DateTimePicker的选取与使用 在这里,我们使用的DateTimePicker是一个开源的组件,他的model名称为:ui.bootstrap.datetimepicker,我们可以去这个网址找到其相关的内容:http://dalelotts.

easyui datebox 只选择年月

如题,要网上还是找了好大一阵才打到一个前辈的解决方法,但还有一点bug,固在这儿贴出来,希望能帮到更多的小伙伴! $('#dlgReleaseTime').datebox({ onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 span.trigger('click'); //触发click事件弹出月份层 if (!tds) setTimeout(function() { //延时触发获取月份对象,因为上面的事件触发和对象生成