JQuery UI Datepicker - 如何删除“完成”按钮

时间:2012-04-24 11:28:06

标签: jquery-ui jquery-ui-datepicker

我正在使用Jquery日期选择器。我希望按钮面板可见,但我不想要“完成”按钮。 根据Jquery UI页面here

  

显示用于选择今天日期的按钮和用于使用布尔showButtonPanel选项关闭日历的完成按钮。默认情况下,当显示条形时,每个按钮都会启用,但可以使用其他选项关闭。

关闭完成按钮的选项有哪些? 我的代码:

<script>
 $(function() {
  $( "#JourneyDate" ).datepicker({
        showButtonPanel: true,
        showWeek: true,
        maxDate: "+0",
        dateFormat: 'd MM yy',
        changeMonth: true,
        changeYear: true
    });
});
</script>

我尝试使用选择器ui-datepicker-close访问该按钮并调用remove(),但这似乎不起作用。

2 个答案:

答案 0 :(得分:19)

你可以用CSS做到这一点;

button.ui-datepicker-close {display: none;}​

答案 1 :(得分:1)

$('<style type="text/css"> .ui-datepicker-close { display: none; } </style>').appendTo("head");