从UI .How中选择月份和日，以隐藏DateTimePicker- Tempus Dominus Datetime Picker中的年份
从UI .How中选择月份和日，以隐藏DateTimePicker- Tempus Dominus Datetime Picker中的年份
提问于 2022-03-11 06:08:01
我在那里有一个案例，我想从UI中选择月份和日期来创建循环的task.No需要选择一年。28天应该显示在2月。我正在使用Bootsrap来构建UI。我最初想考虑下面的选项来实现相同的
- 创建一个下拉列表，显示所有月份(即一月、二月、Mar..Dec)
- 为加载日创建另一个下拉列表。(1，2.31)此下拉列表应根据月份选择重新加载。
是否可以使用Tempus-Dominus日期时间选择器进行同样的操作?？https://getdatepicker.com/5-4/
我已经创建了样例小提琴.Where，我想显示类似的(3月31日)后，选择。Datetimepicker中不应该有年份。(默认情况下，假设年份为2022年，但它不应该显示在Datetimepicker中的任何地方。)
$('#datetimepicker1').datetimepicker({
format: 'MM-DD'
});https://jsfiddle.net/8ck1tanb/1/
谁能建议更好的用户友好的设计/方法来实现这一功能。如果您已经实现了示例代码，那么它将更有帮助。
回答 1
Stack Overflow用户
发布于 2022-03-16 12:34:22
您可以使用tempus-datetimepicker事件来拆分月份和年份，并且只显示月份。
下面是一个示例小提琴。
$('#datetimepicker1').on('show.datetimepicker update.datetimepicker change.datetimepicker',function(){
if(typeof $(this).find('.picker-switch').html() !== "undefined"){
$(this).find('.picker-switch').html($(this).find('.picker-switch').html().split(" ")[0]);
};
});- 弹出窗口打开时会触发
show.datetimepicker。 - 使用“next”之前的箭头时会触发
update.datetimepicker - 选择日期时会触发
change.datetimepicker
更新
这个小提琴在接下来的3个闰年中禁用了2月29日，您可以使用disabledDates选项简单地禁用特定日期。
$('#datetimepicker1').datetimepicker({
disabledDates: [new Date('2024-02-29'),new Date('2028-02-29'),new Date('2032-02-29')]
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71434279
复制相关文章
相似问题
腾讯云开发者
