如何防止選擇日期後打開日期選擇器？

Datepicker在選擇日期後繼續打開，選擇日期後如何防止打開日期選擇器？如何防止選擇日期後打開日期選擇器？

$("#dateload").datepicker({ 
    dateFormat: 'mm-dd-yy' 
});

我試着autoclose屬性爲true，但沒有奏效。我也嘗試過改變事件來隱藏日期選擇器，也沒有奏效。

來源

2017-04-20 User1674987

這意味着用戶不能糾正他輸入日期更改後的日期。你想這麼做的原因是什麼？爲什麼不實現一個按鈕，用戶可以確認所選日期是否正確。通過觸發此按鈕，您可以運行禁用日期選擇器的功能。在我看來，這將有更好的用戶體驗。 – cezar

檢查這個[鏈接]（http://stackoverflow.com/questions/7812063/jquery-datepicker-readonly） –

我會去這個。（演示這裏：http://codepen.io/8odoros/pen/OmNMVy）

$("#dateload").datepicker({ 
    dateFormat: 'mm-dd-yy', 
    onSelect:function(){  
     if($(this).datepicker("getDate")) $(this).datepicker("destroy"); 
    } 
    });

來源

2017-04-20 13:33:14

這將摧毀日期選擇器，如果你想改變日期，它將無法工作。你可以選擇日期只爲第一時間。 –

我認爲這就是目標...... –

我想他想選擇日期時關閉日期選擇器，但可以選擇其他日期。 –

嘗試在change事件處理程序使用。

$('#dateload').datepicker({ 
    format: 'mm-dd-yy' 
}).on('change', function(){ 
    $('#dateload ~ .ui-datepicker').hide(); 
});

來源

2017-04-20 13:33:28

我試過了，但沒有工作。它隱藏並再次顯示。 – User1674987

@ User1674987，你嘗試過'autoClose：true'屬性嗎？ –

你可以試着隱藏這樣

$('#dateload').datepicker({ 
     format: 'mm-dd-yy' 
    }).on('change', function(){ 
     $('.datepicker').hide(); 
    });

來源

2017-04-20 13:34:48

如何防止選擇日期後打開日期選擇器？

回答

相關問題