jquery - 选择日期后不要销毁日期选择器

Question

我使用来自 jQuery UI 的 datepicker。

在这里你可以看到我的初始代码

$('#fromDate').datepicker({
  showOtherMonths: true,
  minDate: 0,
  dateFormat: 'dd MM yy',
  onSelect: function(dateText, inst) { 
$(this).text(dateText);
  },
  altField: '#startDate',
  altFormat: 'dd.mm.yy'
},
$.datepicker.regional[ "ru" ]
);

选择日期后，日期选择器销毁，但我不需要该日期选择器销毁。

Answer 1

您面临的问题是因为写入了您的日期选择器附加到的 div 的 text 属性。所以想法是创建两个单独的 div，一个用于日期选择器，一个用于选定值。

HTML：

Date: <div id='SelectedDate'></div>
<div id='fromDate'></div>

查询：

$('#fromDate').datepicker({
    showOtherMonths: true,
    minDate: 0,
    showAnim: '',
    dateFormat: 'dd MM yy',
    onSelect: function (dateText, inst) {
        $('#SelectedDate').text(dateText);
    },
    altField: '#startDate',
    altFormat: 'dd.mm.yy'
},
$.datepicker.regional["ru"]);

现在，您可以在 HTML 中添加其他元素，并在不再需要时在 lcikc 上执行 .datepicker("destroy") 。

编辑：忘记小提琴链接：http: //jsfiddle.net/TGy3s/1/