【发布时间】:2010-11-02 19:46:43
【问题描述】:
我正在为 JQuery 寻找一个日期选择器,它允许我的用户指定一年中的特定部分。例如,我希望他们能够选择夏季月份(4 月 1 日 - 9 月 1 日)。该数据将每年适用,因此实际年份无关紧要。有没有可以为我做这件事的日期选择器。还是我在寻找错误的东西?
【问题讨论】:
标签: jquery datepicker
我正在为 JQuery 寻找一个日期选择器,它允许我的用户指定一年中的特定部分。例如,我希望他们能够选择夏季月份(4 月 1 日 - 9 月 1 日)。该数据将每年适用,因此实际年份无关紧要。有没有可以为我做这件事的日期选择器。还是我在寻找错误的东西?
【问题讨论】:
标签: jquery datepicker
您可以使用 jQuery UI 日期选择器,只需将年份开始和结束设置为相同的值,然后使用 CSS 隐藏是标签(CSS 类是 ui-datepicker-year)。
【讨论】:
实际上 beforeShow 方法不起作用,因为它是在日历初始化之前调用的。
所以我添加了点击事件并且还传递了“dateFormat: 'dd/mm'”而不是 onClose 操作。
$(element_date).click( function( ) {
hideYear( );
});
$('.ui-datepicker-trigger').click( function( ) {
hideYear( );
});
function hideYear( ) {
$(".ui-datepicker-year").css( 'display', 'none' );
}
希望对你有帮助.....
【讨论】:
与@Slace 类似,我建议为您想要的当年范围内的日期设置一个 maxDate/minDate。您可能希望定义 beforeShow 和 onClose 处理程序以从所选字符串中添加/删除年份,以便它不会出现在您的输入字段中。
【讨论】:
jQuery UI 日期选择器的替代方案:
http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/
您可以自定义可接受的开始和结束日期,以及自定义 CSS 以不显示年份。
【讨论】: