如何调整 jQuery DatePicker 控件的大小

2023-11-21

我是第一次使用 jQuery DatePicker 控件。我已经让它在我的表单上运行了,但它大约是我想要的两倍大,大约是 jQuery UI 页面上的演示的 1.5 倍大。我缺少一些简单的设置来控制大小吗?

Edit:我找到了一条线索,但它带来了新的问题。在 CSS 文件中,它声明组件将根据父元素的字体大小进行缩放。他们建议设置

body {font-size: 62.5%;}

使 1em = 10px。这样做给了我一个大小合适的日期选择器,但显然它弄乱了我网站的其余部分(我目前的字体大小:.9em)。

我尝试在文本框周围放置一个 DIV 并设置其字体大小,但它似乎忽略了这一点。因此,必须有某种方法通过更改其父级的字体来缩小日期选择器,但我该如何做到这一点而不弄乱网站的其余部分呢?


你不必在 jquery-ui css 文件中更改它(如果更改默认文件可能会令人困惑),如果添加就足够了

div.ui-datepicker{
 font-size:10px;
}

在 ui 文件之后加载的样式表中

div.ui-datepicker 是必需的,以防在声明中的 ui-datepicker 之后提到 ui-widget

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何调整 jQuery DatePicker 控件的大小 的相关文章

  • 简单的 JQuery 淡入淡出股票

    我查看了多个股票行情 它们的权重都远远不够 我正在寻找一个非常简单的 fadeIn fadeOut JQuery 滚动条 用于显示标题的元素列表 li Story 1 li li Story 2 li li Story 3 li li St
  • MVC6 项目中 jQuery-UI 脚本存储在哪里?

    我从 MVC6 开始 尝试使用一些 jQuery UI 元素 安装包后 我找不到 jQuery UI 的脚本文件 虽然互联网上的很多教程都告诉我们这些文件应该存储在 Scripts 文件夹中 例如 Scripts jquery ui 1 1
  • 为什么我的日期选择器看起来这么奇怪?

    我正在尝试使用 jquery UI 我下载了所有内容并按照说明进行操作 我在 html 中添加了这样的代码
  • jQuery UI 1.8.17 和 selectmenu

    这个问题的答案可能会让我 doh 时刻 但是我在哪里可以找到一个可与较晚 ish jquery ui 版本一起使用的有效 selectmenu 插件 我从所有这些地方尝试过 但似乎都不起作用 http www filamentgroup c
  • 测试 jQueryUI 是否已加载

    我正在尝试调试网站 并且我认为 jQueryUI 可能未正确加载 如何测试 jQueryUI 是否已加载 if jQuery ui UI loaded OR if typeof jQuery ui undefined UI loaded 应
  • jQuery 可排序连接多个列表

    我有两个列表 每个列表中有 8 个列表元素 我想将任一元素拖动到任一列表中 并将两个列表的总顺序放在一起 目前 该顺序被归类为两个单独的可排序列表 0 1 2 3 4 5 6 7 0 1 2 3 4 5 6 7 不过我希望它是 显然按照元素
  • 如何设置 jQuery 可拖动的最小/最大左和最小/最大右

    我复制了一份JSbin来练习 JSbin链接在这里 https jsbin com gififikisa edit html css js output 实际站点链接在这里 http 79 170 40 181 emory com Proj
  • jQuery UI 对话框使用 setTimeout 自动关闭

    我试图让对话框在打开后三秒自动关闭 我尝试过以下方法 setTimeout mydialog dialog close 3000 这是在上下文中 acknowledged dialog dialog height 140 modal tru
  • jquery UI可拖动子div上的x轴,父div上的y轴

    我的容器 div 中有 4 个 div 我希望能够垂直拖动四个 div 的内容 但也能够水平拖动所有四个 div 的容器 像下面这样的东西 或者如下所示 http jsfiddle net PuVCz http jsfiddle net P
  • 如何使用鼠标单击选择多个项目?

    This is the default jQueryUI display as a Grid Layouts demo here http jqueryui com demos selectable display grid I can s
  • jQueryUI 操作可拖动克隆

    编辑 我把这个问题删掉 然后把它放在 看看它是如何被改变的原来的而不是新的http jsfiddle net mikkelbreum DBG5q http jsfiddle net mikkelbreum DBG5q 看看拖动的助手如何改变
  • JQuery UI 1.10.0 自动完成 renderItem 问题

    我尝试了有关将 autocomplete 重命名为 ui autocomplete 的解决方案 使用 JQueryUI 1 10 0 JQuery 1 8 3 但仍然收到错误 类型错误 autocomplete data 未定义 data
  • 有没有好的、轻量级的、具有良好 UI 的网络日期/时间选择器?

    几个愿望 如果它是基于 jQuery 的 那就最好了 如果它专注于简单的用户界面而不是养眼的东西 更好的 如果它既是日期又是时间选择器 好的 我应该提到的是 我已经查看了使用 Google 可以找到的大多数可用选项 问题不在于官方 jQue
  • 如何动态选择 jQuery ui 选择菜单中的选项?

    将菜单从常规选择更改为 jQuery 选择菜单后 我无法再以编程方式选择其中的选项 有没有办法做到这一点 选择的代码是 假设ListId是列表的实际Id ListId val value 该插件的激活方式如下 ListId selectme
  • jquery datepicker 动画选项不起作用

    我有一个文本框 其中注册了 JQuery UI DatePicker 控件 它工作正常 但当我尝试添加动画选项时 控件本身不起作用
  • jQuery 插件与小部件

    几个月前 我开始使用 jQuery 插件进行一些实验 我在互联网上找到了一些教程 然后开始整理一些东西 几天前 我需要构建自己的 插件 并回到我的旧项目 当我试图在互联网上找到更多信息时 我偶然发现了这些称为小部件的新 东西 据我了解 我应
  • jQuery DatePicker 在可滚动 div 中时不随 HTML 内容移动

    我的表单大小受到限制 并且溢出样式设置为滚动 该表单包含许多 DatePickers 如果我打开其中一个 DatePicker 然后滚动面板 使用滚轮将焦点保持在 DatePicker 上 使其保持打开状态 DatePicker 不会随其附
  • jquery水平滚动

    我想使用 jquery UI 的滚动条 http jqueryui com demos slider side scroll http jqueryui com demos slider side scroll 但是通过鼠标悬停事件 我到处
  • 更新到 1.11.0 后,自动完成功能要求您在 iOS 中单击两次

    使用 jQuery 2 1 0 和 jQuery ui 1 11 0 在 iOS 7 iPhone 和 iPad Mini 中测试 适用于 Android 和常规浏览器 问题 我们最近从 jQuery UI 1 10 0 升级到 1 11
  • jQuery UI sortable 和 contenteditable=true 不能一起工作

    我正在创建一个列表并希望使其项目可排序和可编辑 所以我这样做 ul li span A span li li span B span li li span C span li ul ul list sortable http jsfiddl

随机推荐