javascript - 将日期设置为 Jquery UI 日期选择器输入文本框

Question

我正在使用 jquery ui datepicker。它工作正常。我的需要是当查询字符串包含任何日期时将日期设置为文本框

例如我的网址是localhost:301/?date=2013-12-01

所以我想将此日期设置为输入文本框。

我的输入框html是

<input type="text" id="datepicker" class="txt-cal hasDatepicker" name="addFromDate" date_name="2013-12-11">

我尝试了一些东西，但没有结果。

$(function () {

        var myDate = ?/*how to select the date_name from input textbox
        $('#datepicker').datepicker();
        $('#datepicker').datepicker('setDate', myDate);
        $('#datepicker2').datepicker();
        $('#datepicker2').datepicker('setDate', myDate);
        $('#datepicke3').datepicker();
        $('#datepicke3').datepicker('setDate', myDate);
        $('#datepicker4').datepicker();
        $('#datepicker4').datepicker('setDate', myDate);


    });

提前致谢

Answer 1

更好的方法是使用 custom data attribute .

data-date="2013-12-11"

现在您可以访问它

var myDate = $("#datepicker").data("date");
$('#datepicker').datepicker('setDate', myDate);

更新:

我怀疑您是否试图从 url(即查询字符串)获取它

如果是这样，请检查此 answer ，其中写了一个方法来获取

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

现在

var myDate = getParameterByName("date");