将Date设置为Jquery UI datepicker输入文本框

Question

我正在使用jQuery ui datepicker。并且它的工作正常。我需要在querystring包含任何日期时将日期设置为文本框

例如我的网址是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

更好的方法是使用自定义data属性 。

data-date="2013-12-11"

现在您可以访问它

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

更新：

我怀疑您正在尝试从url（即查询字符串）中获取它

如果是这样，请检查此答案 ，在其中写入方法以获取

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");

Answer 2

您需要使用.attr函数：

var myDate = $("#datepicker").attr("date_name");

但是，您应该提防创建非标准的HTML属性

Answer 3

你可以这样做：

$（'＃datepicker1'）。datepicker（{方向：'顶部'，格式：'dd-mm-yyyy'}）;

var currentDate = new Date();
var day = ((currentDate.getDate()).toString().length == 1) ? '0' + (currentDate.getDate()).toString() : (currentDate.getDate()).toString();
var month = ((currentDate.getMonth() + 1).toString().length == 1) ? '0' + (currentDate.getMonth() + 1).toString() : (currentDate.getMonth() + 1).toString();
var year = currentDate.getFullYear();
$("#datepicker1").val(day + '-' + month + '-' + year);

我已经尝试了文本输入控件。 它只需要应用datepicker 1st然后将当前日期设置为文本框。