根据选定的下拉列值在文本字段中添加或删除日期选取器

Question

我有一个用于搜索数据的表单。在该表单上，我有textbox，dropdown list和搜索button。在我的dropdown中，我有选项：

• 入住日期
• 姓氏
• 预订ID

我想在datepicker添加textbox，但仅在选择“签入日期”时才会添加。{/ p>

将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

如果选择了另一个选项，则可以使用.datepicker( "destroy" )功能删除它。

示例：

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