- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在使用 bootstrap 3 datetimepicker。这里 Bootstrap datetimepicker 日历在网格外是不可见的。它隐藏在网格内。请查看 jsfiddle。
$(function () {
var data = [
{ rank: 1, company: 'Exxon Mobil', DatePicker: '04/04/1990 00:00', revenues: '339938.0', profits: '36130.0' },
{ rank: 2, company: 'Wal-Mart Stores', DatePicker: '05/03/2014 00:00', revenues: '315654.0', profits: '11231.0' },
];
var obj = {
height:300,
title: "ParamQuery Grid with JSON Data",
scrollModel:{autoFit:true, theme:true}
};
obj.colModel = [
{ title: "Rank", width: 100, dataType: "integer", dataIndx: "rank" },
{ title: "Company", width: 200, dataType: "string", dataIndx: "company" },
{ title: "DatePicker", width: 200, dataType: "string", dataIndx: "date",editable:false,
render : function(){
var date = '<div class="form-group" style="width:150px;margin-left:50px;text-align:center"><div class="input-group date" id="datetimepicker123"><input type="text" value="04/05/2012 00:00" class="form-control"><span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span></div></div>';
return date;
}
},
{ title: "Revenues ($ millions)", width: 150, dataType: "float", align: "right", dataIndx: "revenues" },
];
$('body').on('mouseover','.input-group',function() {
$(".input-group.date").datetimepicker();
});
obj.dataModel = { data: data };
$("#grid_json").pqGrid(obj);
});
td.pq-grid-cell{
overflow:visible !important;
}
span.input-group-addon {
width: 27px;
}
<div id="grid_json" style="margin:100px;"></div>
如果我单击选择器,bootstrap 日历会打开,但它在整个日历中不可见。我想在网格外显示日历。我已经给出了“溢出:可见”和“可见性:可见”,但它仍然不起作用。请帮我做这件事。
最佳答案
您还需要从父容器中删除 overflow:hidden;
。
添加这个CSS:
.pq-grid, .pq-grid-center, div.pq-grid-cont, .pq-grid-cont-inner {
overflow: visible!important;
}
演示:http://jsfiddle.net/rtzxsa3e/2/
我不支持在这里使用!important
。你很了解你的 html 代码。如果您可以分配更具体的选择器,它可以覆盖网格插件的默认 css,那么它也可以工作。
关于javascript - Bootstrap datetimepicker 日历不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29466204/
是否可以在 XDSoft DateTimePicker 中禁用所有指定的工作日,例如所有(且仅)星期日?如何做到这一点? 最佳答案 试试这个。 function disabledWeekdays(da
我正在尝试设置日期时间选择器 https://tempusdominus.github.io/bootstrap-3/并将其配置为内联使用。它初始化为: $('#datetimepicker5').d
在我的项目中,我需要使用格式为 HH:MM 的 Timepicker,但我使用它就像持续时间,而不是时间,所以有可能将 HH 增加到 99,而不是在 23 停止! 我使用此页面中的日期时间选择器:ht
$(function() { $('input.month-mode').datetimepicker({ viewMode: 'months', format
我正在使用 Bootstrap 日期时间选择器。我想要 datetimepicker 格式作为短月份名称,例如。 一月。我的代码在下面,它现在显示完整的月份名称为 January。如何让它成为 Jan
我有两个文本框:txtETCdatefrom 和 txtETCdateto 分别具有类 datetimepicker1 和 datetimepicker2: 我在两个类上都使用仅日期格式的日期时间
我目前正在使用 http://eonasdan.github.io/bootstrap-datetimepicker/ 如果我打开另一个日期时间选择器,我们如何关闭一个打开的日期时间选择器? 因为我有
我有一个 dateTimePicker。为了将这个 DateTimePicker 内容写入我的数据库,我得到了值: myDateTimePicker.selectedDate.value. 当用户手动
它可以正常工作,直到触发任何控件回发,但是当控件触发任何回发事件时,如果我们将“起始日期”更改为“截止日期”日期时间选择器,则它仅显示日期而不是日期和时间。当我更改“截止日期”与“起始日期”datet
我有一个包含多个日期时间选择器的 html 模板。如果我单击按钮打开一个日期时间选择器,然后单击另一个按钮打开新的日期时间选择器,则第一个保持不变(它不会关闭)。我希望一次只能打开一个日期时间选择器。
我正在尝试更新/更改日历 View 中突出显示的日期。但当日历显示时,它们不会在下一个事件中更新。 有工作中的 Plunker 片段: https://plnkr.co/edit/4HkCp5?p=p
我正在构建一个 MVC 5 应用程序,我正在尝试使用 Bootstrap.v3.Datetimepicker.CSS . 我有一个 Javascript 文件 $(document).ready( f
我基本上希望我的 Jquery:dateTimePicker 只允许 future 的日期——也就是说,如果当前日期时间是:2016 年 8 月 30 日,上午 10:20,那么我想选择一个大于 10
是否可以为 DateTimePicker 控件设置特定的文化?我想在飞蛾的格式名称和时间格式上使用这种特定的文化。例如,我创建了特定的文化: CultureInfo.GetCultureInfo("s
我正在尝试确定在 DateTimePicker (WinForms) 应用程序中选择(突出显示)了哪个控件(天、月、年)。是否有一个属性指示选择了哪个控件?如果是这样,我能否以编程方式仅更改另一个控件
UI 应该保持不变我不想这样做: dateTimePicker1.Format = DateTimePickerFormat.Custom; dateTimePicker1.CustomFormat
所以我使用 jQuery DateTimePicker,目前我有以下设置: jQuery(document).ready(function($) { jQuery.datetimepick
我正在为我的应用程序使用 ng-pick-datetime 选择器。我希望选定的时间在 24 小时内显示(15:00 而不是下午 3:00)。 When the picker opens the ti
我有一个使用日期选择器和验证器的字段。在下面的示例中,我已预先填写了日期输入。现在,删除数据,您将看到它不再有效。然后单击日历图标选择日期。在您离开输入(模糊)之前,它不会重新验证,但我宁愿它在从日期
我目前正在使用 Date time picker JQuery,但它没有使用给定的格式。它没有使用它,而是使用默认的日期格式,并在控制台中给出错误:Uncaught TypeError: F.mask
我是一名优秀的程序员,十分优秀!