热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Bootstrapdatetimepicker

Bootstrap-datetimepicker日期时间选择器示例(下面列出了未搞明白的问题,及版本待优化的问题);jqu

Bootstrap-datetimepicker日期时间选择器示例(下面列出了未搞明白的问题,及版本待优化的问题);

jquery、bootstrap-datetimepicker的css和js也要各位自己引入了。

bootstrap-datetimepicker-ext.css只是自己修改hover时的背景色,和对.old、.new、.disabled字体颜色深浅做了调整。

bootstrap-datetimepicker-ext.css

/*将各按钮hover时的背景色改变;disabled的字体颜色更淡化,直观地知道不能选;*/
.datetimepicker table tr td.old, .datetimepicker table tr td.new {color: #999;
}
.datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot th:hover,
.datetimepicker table tr td .minute:hover, .datetimepicker table tr td .hour:hover,
.datetimepicker table tr td.day:hover, .datetimepicker table tr td .month:hover,
.datetimepicker table tr td .year:hover {background: #00a258;color: #fff;
}
/*让disabled的日期字体颜色更淡,更直观知道不能选;这里还需要加background: none;是保证disabled的背景色样式不被覆盖;*/
.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {background: none;color: #ddd;
}
页面





bootstrap-datetimepicker样式
bootstrap-datetimepicker视图

1.视图只能选到分钟,秒为当前时间的秒数,如何选取秒;
2.input框右侧的日期选择按钮和清空值按钮体验不友好;加了清空值和选取日期按钮为什么对pickerPosition有影响;
3.pickerPosition不能根据控件位置自动决定位置;
4.startDateendDate,到最后十年视图的时候选不到2016,只能点箭头翻页去选;
也就是说,当用户在输入框中输入了不正确的日期,选择器将会尽量解析输入的值,并将解析后的正确值按照给定的格式format设置到输入框中。输入不为日期,返回"1899-12-31",具体格式参考format;输入日期缺少时分秒,参考format以0补全;年月日缺少,则日期返回"1899-12-31";
5.daysOfWeekDisabled可禁止星期几可选;在startDate和endDate之间是否有相应参数可禁止具体日期和日期范围可选;
6.viewSelectNumber or String.(未见到效果) 默认值值: same as minView (supported values are: 'decade', 'year', 'month', 'day', 'hour')
With this option you can select the view from which the date will be selected.
By default it's the last one, however you can choose the first one, so at each click the date will be updated.
7.autoClose可为Boolean和"linked";如果是true的话,"Today" 按钮仅仅将视图转到当天的日期,如果是"linked",当天日期将会被选中。(未看出true和"blinked"的区别)
8.pickerRefererString. 默认值: 'default' (other value available : 'input');The referer element to place the picker for the component implementation. If you want to place the picker just under the input field, just specify input.(没看到效果)
9.手工录入日期时间,无法验证值是否在startDate和endDate之间或者是否为daysOfWeekDisabled,格式是否满足format等等;
10.先选日期1&#xff0c;再选日期3&#xff0c;如果选取日期3 <日期1&#xff0c;则日期2无日期可选取&#xff1b;或者&#xff1a;先选日期3&#xff0c;再选日期1&#xff0c;如果选取日期3 <日期1&#xff0c;则日期2无日期可选取&#xff1b;因为如果不是从日期1 -> 日期2 -> 日期3 或者 日期3 -> 日期2 -> 日期1 或者先选可将日期1和日期3构建关系的日期2&#xff0c;则会造成日期2没得选的情况&#xff0c;所以&#xff1b;日期1和日期3中也要设置其日期关系。
11.日期时间选择器&#xff0c;常用的参数比较固定&#xff1b;是否考虑提供默认参数配置&#xff1b;或自行进行自定义包装方法调用&#xff1b;












推荐阅读
  • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
  • 本文介绍了C#中数据集DataSet对象的使用及相关方法详解,包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成,以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读,读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 网址:https:vue.docschina.orgv2guideforms.html表单input绑定基础用法可以通过使用v-model指令,在 ... [详细]
  • NotSupportedException无法将类型“System.DateTime”强制转换为类型“System.Object”
    本文介绍了在使用LINQ to Entities时出现的NotSupportedException异常,该异常是由于无法将类型“System.DateTime”强制转换为类型“System.Object”所导致的。同时还介绍了相关的错误信息和解决方法。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
  • 猜字母游戏
    猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]
  • [大整数乘法] java代码实现
    本文介绍了使用java代码实现大整数乘法的过程,同时也涉及到大整数加法和大整数减法的计算方法。通过分治算法来提高计算效率,并对算法的时间复杂度进行了研究。详细代码实现请参考文章链接。 ... [详细]
  • 本文介绍了南邮ctf-web的writeup,包括签到题和md5 collision。在CTF比赛和渗透测试中,可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型,可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]
  • ASP.NET2.0数据教程之十四:使用FormView的模板
    本文介绍了在ASP.NET 2.0中使用FormView控件来实现自定义的显示外观,与GridView和DetailsView不同,FormView使用模板来呈现,可以实现不规则的外观呈现。同时还介绍了TemplateField的用法和FormView与DetailsView的区别。 ... [详细]
  • 深入理解CSS中的margin属性及其应用场景
    本文主要介绍了CSS中的margin属性及其应用场景,包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念,读者可以更好地掌握margin的用法和原理。同时,文中提供了一些相关的文档和规范供读者参考。 ... [详细]
  • 本文介绍了机器学习手册中关于日期和时区操作的重要性以及其在实际应用中的作用。文章以一个故事为背景,描述了学童们面对老先生的教导时的反应,以及上官如在这个过程中的表现。同时,文章也提到了顾慎为对上官如的恨意以及他们之间的矛盾源于早年的结局。最后,文章强调了日期和时区操作在机器学习中的重要性,并指出了其在实际应用中的作用和意义。 ... [详细]
  • 本文介绍了Swing组件的用法,重点讲解了图标接口的定义和创建方法。图标接口用来将图标与各种组件相关联,可以是简单的绘画或使用磁盘上的GIF格式图像。文章详细介绍了图标接口的属性和绘制方法,并给出了一个菱形图标的实现示例。该示例可以配置图标的尺寸、颜色和填充状态。 ... [详细]
author-avatar
神烟醉_263
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有