选择日期后不要销毁datepicker

时间:2013-01-22 13:57:59

标签: jquery jquery-ui datepicker

我使用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" ]
);

选择日期之后,datepicker会破坏,但我不需要那个datepicker destroy。

1 个答案:

答案 0 :(得分:2)

您面临的问题是写入div的text属性,您的日期选择器附加到该文本属性。因此,我们的想法是创建两个单独的div,一个用于日期选择器,另一个用于选定值。

HTML:

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

Jquery的:

$('#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/