我无法在datepicker中显示最后选择的日期

时间:2012-11-19 23:57:50

标签: jquery datepicker

我有这个脚本

  

var day_name = $(“#d_day_name”)。val();               var month_name = $(“#d_month_name”)。val();               day_name = day_name.split(“,”);               month_name = month_name.split(“,”);

        $(".datepick").datepicker({
            dateFormat: 'yy-mm-dd',
            dayNamesMin: [day_name[0],day_name[1],day_name[2],day_name[3],day_name[4],day_name[5],day_name[6]],
            monthNames: [month_name[0],month_name[1],month_name[2],month_name[3],month_name[4],month_name[5],month_name[6],month_name[7],month_name[8],month_name[9],month_name[10],month_name[11]],
            closeText: $("#d_close_text").val(),
            prevText: $("#d_prev_text").val(),
            nextText: $("#d_next_text").val(),
            currentText: $("#d_current_text").val()
        });
        $("#btnAddPrice").click(function () {
            var $tbody = $("#tblPrices tbody"),
                h = $tbody.find("tr:last").find("td:first").html(),
                i = (h === null) ? 0 : parseInt(h);
            $tbody.append('<tr id="tr_' + (i + 1) + '"><td>' + (i + 1) + '</td><td><input type="text" name="date_from[]" class="text w80 pointer datepick" readonly="readonly" /></td><td><input type="text" name="date_to[]" class="text w80 pointer datepick" readonly="readonly" /></td><td><input type="text" name="price[]" class="text_small align_right" /></td><td><input type="text" name="weekprice[]" class="text_small align_right" /></td><td><a class="icon icon_delete" href="#" onclick="$(\'#tr_' + (i + 1) + '\').remove(); return false;">delete</a></td></tr>');            

$ tbody.find( “TR:最后”)找到( “datepick。 ”)日期选择器({DATEFORMAT:“ YY-MM-DD”})。。             });

我试图将新的日期(+1)设置为使得datepicker将从最后选择的日期开始,进入日期选择器而不是dateFormat,但这不起作用。而我似乎无法弄清楚我能做些什么来使这项工作。 我看了整个网,但没有找到答案。

1 个答案:

答案 0 :(得分:0)

您正在引用表格单元格(td)而不是日期选取器(input)。这意味着您需要使用.val()。如果您引用td并使用.html(),则会返回<input class='datepick' />,因为您获取了该单元格的内容。

要在datepicker中查找当前值,您需要执行以下操作:

 $tbody.find("tr:last").find("td:first").find(".datepick").val()

要设置另一个日期选择器的值,请使用:

$tbody.find("tr:last").find(".datepick").datepicker({dateFormat:"yy-mm-dd"}).val('PUT DATE HERE');

希望这有帮助!

修改

请参阅:http://api.jqueryui.com/datepicker/#option-defaultDate

要更改默认日期,请执行以下操作:

$tbody.find("tr:last").find("td:first").find(".datepick").datepicker({ defaultDate: +1 });