【问题标题】:jQuery ui - datepicker: month and year dropdown cssjQuery ui - datepicker:月份和年份下拉 css
【发布时间】:2016-09-04 01:28:37
【问题描述】:

问题:我有一个带有月份和年份下拉菜单的 jQuery 日期选择器,当月份和年份之间有 may,junecss 之类的月份看起来很糟糕。 December 2016May 2016 之类的东西

我已经为这个https://jsfiddle.net/GeekOnGadgets/wra3pcsv/创建了小提琴

我想要实现的目标:我希望月份和年份之间有固定的边距。 December 2016May 2016 之类的东西

【问题讨论】:

    标签: javascript jquery html css datepicker


    【解决方案1】:

    将以下 sn-p 添加到 CSS 中:

    .ui-datepicker-month {
      text-align-last: right;
      padding-right: .25em;
    }
    

    相关:Is it possible to center text in select box?

    【讨论】:

      【解决方案2】:

      Datepicker 中的月份和年份实际上是选择菜单,默认情况下,该菜单的宽度(如果未指定)是它所拥有的最大选项的宽度,因此如果要调整,则需要实现一些 javascript根据所选选项的选择菜单的宽度。在这篇文章的公认答案中有一个很好的例子来说明如何做到这一点:

      Auto resizing the SELECT element according to selected OPTION's width

      很遗憾,您无法直接获取所选选项的宽度。因此,在引用的解决方案中,创建了一个只有该选项的隐藏选择元素并测量了它的宽度,然后将实际的选择元素设置为该宽度。一个聪明的解决方案。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2011-08-14
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-03-07
        相关资源
        最近更新 更多