根據選定的下拉值從文本字段中添加或刪除日期選擇器

Question

我有一個用於搜索數據的表格。 在那個表單上，我有一個textbox 、一個dropdown list和一個搜索button 。 在我的dropdown中，我有選項：

• 登記日期
• 姓
• 預訂編號

我想在textbox添加一個datepicker ，但前提是選擇了“簽入日期”。

將datepicker添加到textbox后 - 我無法將其刪除。 選擇其他選項后，如何刪除datepicker ？

這是我的jquery

$('#list').change(function() {
  var selected = $(this).val();

  if(selected == 2) {
    $('#text').datepicker({ dateFormat: 'yy-mm-dd' });
  } else {
    $('#text').prev().val(''); //here , need to remove the date picker 
  } 
});

Answer 1

Ok when the another option is selected you can use the .datepicker( "destroy" ) function to remove it.

例子：

if(selected == 2) {
    $('#text').datepicker({ dateFormat: 'yy-mm-dd' });
  } else {
    $('#text').prev().val('');

    // first test if it exist...example you can set a property then if true destroy it.
    $('#text').datepicker("destroy");
  }