- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
$(function() {
$('input.month-mode').datetimepicker({
viewMode: 'months',
format: 'MM/YYYY',
showClose: true,
maxDate: current_month,
});
});
我想给它添加关闭文本。默认情况下它显示“X”,但我想更改它。可能吗?
最佳答案
您可以使用 icons为您的图标定义自定义 css 类的选项,然后您可以编写 css 规则来自定义关闭文本,如下所示:
$(function () {
var current_month = moment(); // just a sample value
$('#datetimepicker1').datetimepicker({
showClose: true,
viewMode: 'months',
format: 'MM/YYYY',
maxDate: current_month,
icons: {
close: 'closeText'
}
});
});
.closeText:before {
content: "Close";
}
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
关于eonasdan-datetimepicker - 如何将关闭文本添加到 datetimepicker bootstrap?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36171963/
我已经实现了 datetimepicker 如下: $('#txtStartDate').datetimepicker({ useCurrent: false, locale: _defaultCul
我正在创建一个具有两个选择器的表单来计算日期之间的差异。 用户可以创建更多日期间隔,并且应该计算特定的间隔。 我遇到的问题是:克隆选择器后,无论我做什么,所有其他克隆的选择器都会激活第一个选择器。 计
我正在使用 eonasdan 日期时间选择器。我通过使用选项选择了默认日期。我使用 chrome、firefox 47.0 和 microsoft edje 25.1 打开页面。 Firefox Ca
我有一个问题:当我在内联模式下使用 datetimepicker 时,控制台向我显示以下内容: Uncaught TypeError: Cannot read property 'dateFormat
我想使用 Eonasdan 日期时间选择器库。 (v.4.17.47) 我需要在引导模板中包含一个简单的表单(GET 方法),该表单将允许用户选择日期和时间。 时间选择的粒度必须为 1 分钟。 单击提
如何在 bootstrap 3 datetimepicker 中设置格式。我想要格式“dd/MM/yyyy hh:mm”,我不想要“AM”和“PM”。对于我可以在这里使用哪种语言。以下 fiddle
我正在使用 http://eonasdan.github.io/bootstrap-datetimepicker/用于日历。现在我想选择用户选择的日期。我被这个日历困住了。请帮助我获取用户当前选择的日
$(function() { $('input.month-mode').datetimepicker({ viewMode: 'months', format
我使用http://eonasdan.github.io/bootstrap-datetimepicker/用于日历功能 这是 html
我需要在页面加载时显示日期选择器,而不是通过单击输入或图标。 http://eonasdan.github.io/bootstrap-datetimepicker/ 就是这个插件。我找不到任何例子,这
我想覆盖显示基本悬停消息的“eonasdan-datetimepicker”(https://github.com/Eonasdan/bootstrap-datetimepicker)的默认样式。默认
我正在使用 Bootstrap v3,并且想使用 Eonasdan 的 DateTimePicker。我已经在其他元素中使用它没有问题。我现在的问题是单击输入框时 DateTimePicker 没有显
我正在使用 Eonasdan Bootstrap 3 日期时间选择器。当我点击选择器时,glyphicon 日历是打开的,但它是部分可见的。日历隐藏在网格内。如果我给出“溢出:可见”,日历是可见的,但
我需要向我的日期选择器字段添加一些选项,我遵循文档,但我需要处理自定义脚本,并且需要一些有关 javascript 的帮助。 这是我的脚本 HTML: StartDate JavaScr
在将日期设置为 datetimepicker 日历方面需要帮助。 我正在使用此日历来选择月份,如何从服务器端为月份设置月份? $(function() { $('.monthYear'
我正在使用 Bootstrap 3 并尝试获取 eonasdan's datetimepicker正在处理模式对话框。 dtp 在主页本身上工作正常,但它似乎没有在模态上触发。我确信这与加载的时间和方
我正在使用 eonasdan bootstrap-datetimepicker有没有什么方法可以让小部件在几年而不是日历上重新打开? 第一次打开 viewMode: 'years' 不适用于重新打开。
我正在使用此处链接的 Bootstrap 3 日期和时间选择器: DateTime Picker for Bootstrap 3 我无法打开采摘窗口。当您单击文本框时,没有任何反应,浏览器控制台 (C
我正在我的元素中实现 eonasdan 的 datetimepicker。我在使 CSS 按预期工作时遇到问题。 我从 https://github.com/Eonasdan/bootstrap-da
我在使用 Eonasdan Bootstrap 日期时间选择器时遇到问题。我从他的网站复制并粘贴了代码(减去行和容器,因为它使我的面板布局变得困惑)。我怀疑出于某种原因,日历被埋没了,看不到了。我希望
我是一名优秀的程序员,十分优秀!