Javascript 在特定日期输入中的JQuery datepicker中隐藏日期

Javascript 在特定日期输入中的JQuery datepicker中隐藏日期,javascript,jquery,html,css,datepicker,Javascript,Jquery,Html,Css,Datepicker,我有两个使用datepicker的输入字段: 首先,我想隐藏日期选择器和“今天”按钮 在第二天,我想要一个普通的日期选择器 为了在1日达到预期效果,我使用了一种破解方法,如: $('.date-picker').datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: 'MM yy', onClose:

我有两个使用datepicker的输入字段:


  • 首先,我想隐藏日期选择器和“今天”按钮
  • 在第二天,我想要一个普通的日期选择器
  • 为了在1日达到预期效果,我使用了一种破解方法,如:

     $('.date-picker').datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'MM yy',
            onClose: function (dateText, inst) {
                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                $(this).datepicker('setDate', new Date(year, month, 1));
    
            }
        });
    
    使用CSS:

    .ui-datepicker-calendar {
        display: none;
    }
    
    HTML:

    以及:


    下面是

    您可以简单地应用css[通过使用开发工具(F12)进行检查]


    删除日期选择器中的以下选项以隐藏按钮:

    showButtonPanel: true
    
    由于需要两个不同的日期选择器,请使用以下命令:

    HTML

    注意,我已经根据ID调用了日期选择器


    首先,我想隐藏日期选择器和“今天”按钮。我该怎么做呢?谢谢,但在第一个日期选择器上,我仍然有日期选择器或日期选择器??你能记录它吗?在普通的日期选择器中,你可以选择日历中的日期。我只想选择月份,因此日期将是所选月份的第一个~
    #startDate .ui-datepicker-calendar {
        display: none;
    }
    
    .date-picker .ui-datepicker-calendar {
        display: none;
    }
    
    .ui-datepicker-current{
        display: none ;
    }
    
    showButtonPanel: true
    
    <label for="startDate">Date :</label>
    <input name="startDate" id="startDate" />
    <label for="startDate">Outra Data :</label>
    <input name="outraData" id="outraData" />
    
    $('#startDate').datepicker({
            changeMonth: true,
            changeYear: true,        
            dateFormat: 'MM yy',
            onClose: function (dateText, inst) {
                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                $(this).datepicker('setDate', new Date(year, month, 1));
            }
        });
    
    
        $('#outraData').datepicker({
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'MM yy',
            onClose: function (dateText, inst) {
                var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                $(this).datepicker('setDate', new Date(year, month, 1));
            }
        });