日期选择器多个字段,其逻辑仅在少数字段中显示月份年份

datepicker multiple fields with logic to show month year only in few fields

本文关键字:数字段 显示 选择器 字段 日期      更新时间:2023-09-26

他只是使用日期选择器的这个功能,这很好,但我希望它只在 ID 上 日期选择器1 完整的日历显示日期月份和年份,但对于其余的 ID 日期选择器2 直到日期选择器11 只有月份和年份显示完成按钮。 感谢您的帮助

这是我的代码

<script>
$(function() {
    $( "#datepicker1, #datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7, #datepicker8, #datepicker9, #datepicker10,#datepicker11").addClass('datepicker');
    $( ".datepicker" ).datepicker({ dateFormat: "dd-M-yy", changeMonth: true, changeYear: true, yearRange: "1947:" });
}); 
</script>   
您可以将

datepicker添加到除#datepicker1之外的所有日期选择器 ID,然后执行以下操作:

$("#datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7, #datepicker8, #datepicker9, #datepicker10,#datepicker11").addClass('datepicker');
$(".datepicker").datepicker({
    dateFormat: "M-yy",
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    yearRange: "1947:"
});
$(".datepicker").focus(function() {
    $(".ui-datepicker-calendar").hide();
    $("#ui-datepicker-div").position({
        my: "center top",
        at: "center bottom",
        of: $(this)
    });
});
$("#datepicker1").datepicker({
    dateFormat: "dd-M-yy"
});