javascript - Jquery UI DatePicker，获取默认日期的关联输入文本

Question

我正在使用 Jquery Datepicker UI 1.8.20 和一些服务器端 asp:TextBox (创建)。为了将日期选择器与文本框相关联，我向它们添加了一个类，然后在正文标记后执行以下操作:

 $('body').on('focus', ".datepicker_input", function() {
 ...
 });

这工作正常，但现在，我还在服务器端填充了一个日期(以预定义格式 dd-MM-yyyy )，并且我试图将日期选择器默认日期设置为相同的文本框，但到目前为止我还无法做到这一点。

我做了一些尝试:

 $('body').on('focus', ".datepicker_input", function() {
    $(this).datepicker({
        defaultDate: $.datepicker.parseDate("dd-MM-yy", $(this).value),
 ...
 });

错误:未捕获无效参数

 $('body').on('focus', ".datepicker_input", function() {
    $(this).datepicker({
        defaultDate: $.datepicker.parseDate("dd-MM-yy", this.value),
 ...
 });

错误:位置 3 处未捕获未知名称

我尝试在 chrome 中调试 jquery 以查看 $(this) 是什么，并且我得到了 window 对象，所以我猜这就是问题所在。我不知道如何调用日期选择器的关联对象...

更新 1 - 完整的 DatePicker 代码

$('body').on('focus', ".datepicker_input", function() {
    $(this).datepicker({
        defaultDate: $.datepicker.parseDate("dd-MM-yy", $(this).value),
        minDate: 0,
        beforeShowDay: $.datepicker.noWeekends,
        changeMonth: true,
        changeYear: true,
        numberOfMonths: 1
    });
$.datepicker.regional['pt-PT'] = {
        closeText: 'Fechar',
        prevText: '',
        nextText: '',
        currentText: 'Hoje',
        monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro',
                        'Outubro', 'Novembro', 'Dezembro'],
        monthNamesShort: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro',
                        'Outubro', 'Novembro', 'Dezembro'],
        dayNames: ['Domingo', 'Segunda-feira', 'Terça-feira', 'Quarta-feira', 'Quinta-feira', 'Sexta-feira', 'Sabado'],
        dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
        dayNamesMin: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab'],
        weekHeader: 'Sm',
        dateFormat: 'dd-mm-yy'
    };
    $.datepicker.setDefaults($.datepicker.regional['pt-PT']);

Answer 1

由于您的文本框已填充值，因此仅指定日期格式即可完成工作。这里正在工作jsFiddle

HTML:

<input id="datepicker" class="datepicker_input" type="text" VALUE="05-april-2014"> 
<input id="datepicker" class="datepicker_input1" type="text" VALUE="05-11-2014">         

JS:

$('body').on('focus', '.datepicker_input', function() { 
      $(this).datepicker({dateFormat:"dd-MM-yy"}); 
});
$('body').on('focus', '.datepicker_input1', function() { 
      $(this).datepicker({dateFormat:"dd-mm-yy"}); 
});