隱藏一天JQuery的日期選擇在某一特定日期輸入

我有我使用的日期選擇爲這兩個輸入字段：隱藏一天JQuery的日期選擇在某一特定日期輸入

在第一個我想隱藏當天選擇和「今天」按鈕。
關於第二個我想一個正常的日期選擇器

爲了實現一號預期的效果，我用一劈，如：

$('.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：

<label for="startDate">Date :</label> 
<input name="startDate" id="startDate" class="date-picker" /> 
<label for="startDate">Outra Data :</label> 
<input name="outraData" id="outraData" />

我想：

#startDate .ui-datepicker-calendar { 
    display: none; 
}

和：

.date-picker .ui-datepicker-calendar { 
    display: none; 
}

這裏是a JSFiddle

來源

2014-03-12 Nuno Nogueira

在第一個我想隱藏當天選擇和「今天」按鈕。我怎樣才能做到這一點？ –

您可以簡單地套用CSS [通過檢查使用開發工具（F12）

.ui-datepicker-current{ 
    display: none ; 
}

JSFiddle

來源

2014-03-12 11:35:22 Praveen

謝謝，但在第一日期選擇器我仍然有一天選擇器 –

日選擇器？你能提倡嗎？ – Praveen

在正常的日期選擇器中，您可以選擇日曆中的日期。我只想選擇月份，所以日期將是所選月份的第一個月份。〜 –

在日期選擇器中刪除以下選項隱藏的按鈕：

showButtonPanel: true

既然你要2個不同的datepickers，使用以下命令：

HTML

<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)); 
     } 
    });

請注意，我已經調用了datepickers o n是ID的基礎。

DEMO

來源

2014-03-12 12:04:29 Aniruddha

隱藏一天JQuery的日期選擇在某一特定日期輸入

回答

相關問題