【问题标题】:Need a JQuery Plugin for a datepicker that does not display year, just days and month需要一个用于不显示年份、仅显示日期和月份的日期选择器的 JQuery 插件
【发布时间】:2010-11-02 19:46:43
【问题描述】:

我正在为 JQuery 寻找一个日期选择器,它允许我的用户指定一年中的特定部分。例如,我希望他们能够选择夏季月份(4 月 1 日 - 9 月 1 日)。该数据将每年适用,因此实际年份无关紧要。有没有可以为我做这件事的日期选择器。还是我在寻找错误的东西?

【问题讨论】:

    标签: jquery datepicker


    【解决方案1】:

    您可以使用 jQuery UI 日期选择器,只需将年份开始和结束设置为相同的值,然后使用 CSS 隐藏是标签(CSS 类是 ui-datepicker-year)。

    【讨论】:

    • 我真的很希望能有一些东西出现。也许我应该自己写而不是破解其他东西,但由于其他压力,我再一次没有时间。所以我想我会按照你的建议去做。
    • @uriDium - 哈哈,它根本不是黑客行为。他只是告诉你为插件设置两个选项,然后自定义 CSS……jQuery 插件非常希望你做的两件事。如果您将日期选择器的颜色从红色更改为蓝色,您会认为这是“黑客行为”吗?
    【解决方案2】:

    实际上 beforeShow 方法不起作用,因为它是在日历初始化之前调用的。

    所以我添加了点击事件并且还传递了“dateFormat: 'dd/mm'”而不是 onClose 操作。

    $(element_date).click( function( ) {
        hideYear( );
    });  
    $('.ui-datepicker-trigger').click( function( ) {
        hideYear( );
    });  
    
    function hideYear( ) {
       $(".ui-datepicker-year").css( 'display', 'none' );
    }
    

    希望对你有帮助.....

    【讨论】:

      【解决方案3】:

      与@Slace 类似,我建议为您想要的当年范围内的日期设置一个 maxDate/minDate。您可能希望定义 beforeShow 和 onClose 处理程序以从所选字符串中添加/删除年份,以便它不会出现在您的输入字段中。

      【讨论】:

        【解决方案4】:

        jQuery UI 日期选择器的替代方案:

        http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/

        您可以自定义可接受的开始和结束日期,以及自定义 CSS 以不显示年份。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2012-02-22
          • 1970-01-01
          • 2010-09-21
          • 1970-01-01
          • 1970-01-01
          • 2015-02-26
          • 1970-01-01
          相关资源
          最近更新 更多