个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
我花了很多时间寻找一个好的日期时间选择器(不幸的是 jquery 只提供了一个日期选择器)。我正在尝试使用 http://tarruda.github.io/bootstrap-datetimepicker/在我的网页中，但它覆盖了我的 css，我在尝试“范围”时失败了。你能帮帮我吗？
编辑:这是覆盖我的 CSS 的代码:
<!DOCTYPE HTML>
<html>
<head>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
</head>
<body>
<div id="datetimepicker" class="input-append date">
<input type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
</span>
</div>
<script type="text/javascript"
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript"
src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$('#datetimepicker').datetimepicker({
format: 'dd/MM/yyyy hh:mm:ss',
language: 'pt-BR'
});
</script>
</body>
<html>
这里https://github.com/tarruda/bootstrap-datetimepicker有一些 less 文件，但不幸的是我从未使用过 LESS(而且我不是 css 专家)而且我真的不知道如何将 twitter-bootstrap 和 bootstrap-datetimepicker 限制为 div“datetimepicker”。
我必须做什么？
最佳答案
你可能已经找到了另一种方法来解决这个问题，但是对于那些仍在尝试使用这个插件的人来说......
首先，如前所述，booltrap 是必要的!
boolstrap 已经有一个日期选择器样式，我可以使用它。
为此，我下载了 http://tarruda.github.io/bootstrap-datetimepicker/ 中可用的 zip
里面有个bootstrap-datetimepicker.min.css。
我所做的是，不是调用这个 css，而是创建一个新的 (datetimepicker.css) 并在这个新文件中，我复制了 tarruda 的 .min.css 中包含的 css
在代码的最后，我复制了boolstrap的datepicker css (datepicker.css)
我知道这不是世界上最好的做法，但它奏效了，而且在紧迫的期限内，这可能会有所帮助..
关于css - 防止 DateTimePicker CSS 覆盖，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18097270/
27
4
0
是否可以在 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
我是一名优秀的程序员,十分优秀！