javascript – jQuery UI Datepicker:当它也被选中时,今天不要突出显示
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jQuery UI Datepicker:当它也被选中时,今天不要突出显示,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1643字,纯文字阅读大概需要3分钟。
内容图文
![javascript – jQuery UI Datepicker:当它也被选中时,今天不要突出显示](/upload/InfoBanner/zyjiaocheng/821/698af68be8134ddcba7ed835036ff3eb.jpg)
我正在使用jQuery datepicker来选择日期.它工作正常,除了我想要更改1个默认行为.当您选择一天时,会突出显示所选日期(我喜欢).当天也突出显示,但使用不同的CSS样式(我也喜欢).但是,如果您选择当前日期,则突出显示,因为它是当前日取代它被选中…我更希望它被选中以取代当天的高亮显示,我觉得会很清楚您已选择当天.
现在,我觉得我可以更新css来解决我的问题.但是,我真的不想调整开箱即用的jQuery UI css,因为我想稍后将皮肤添加到我的应用程序中.这意味着如果我抓住一堆jQuery UI主题……然后我必须对它们进行相同的调整(非常不受欢迎).
我可以更新实际的Datepicker插件来执行此操作,但后来我遇到了如果我想稍后更新我的Datepicker的问题……我需要记住再次进行此修复.
理想情况下,我可以使用Datepicker中内置的一些选项来实现我的目标,但是到目前为止,没有一个选项似乎是正确的.我会满足于某种JavaScript黑客攻击,或css陷入页面,但我现在不知所措.
解决方法:
向页面添加额外的CSS文件肯定是首选方法.它易于管理,并按照预期的方式使用CSS!
在任何先前加载的基本jQuery CSS或任何主题CSS文件之后,您需要将覆盖CSS放在head标记中以覆盖它们的值. (您还可以增加默认标记的特异性,引用特定实例中的类或ID.)
即
<head>
<link href="base_jquery_css_file" rel="stylesheet"/>
<link href="theme_jquery_css_file" rel="stylesheet"/>
<link href="your_override_css" rel="stylesheet"/>
</head>
“your_override_css”文件只包含:
.ui-state-active, .ui-widget-content .ui-state-active {
/*any CSS styles you want overriden i.e.*/
border: 1px solid #999999;
background-color: #EEEEEE;
}
迈克的说明:
我最终发现代表日子的锚点周围有一个td,td也有“今天”信息……所以尽管没有跨浏览器方式来选择具有多个类的项目(我已经找到了),在这种情况下,以下内容将在新文件中工作,就像PHPexperts.ca描述的那样:
.ui-datepicker-today .ui-state-active {
border: 1px solid #aaaaaa;
}
内容总结
以上是互联网集市为您收集整理的javascript – jQuery UI Datepicker:当它也被选中时,今天不要突出显示全部内容,希望文章能够帮你解决javascript – jQuery UI Datepicker:当它也被选中时,今天不要突出显示所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。