我想要一个 jquery 日期选择器将默认日期更改为超链接中的文本

I want a jquery date picker to change default date to text from a hyper link

本文关键字:日期 超链接 文本 默认 选择器 一个 我想要 jquery      更新时间:2023-09-26

我有一个超链接,说02/14/2016,我想要日期选择器选择的默认日期,因为当前日期更改为超链接中的文本。我试过这样的事情:

$("#myid").datepicker("setDate", document.getelementbyID(id of datepicker).innerHTML);

请查看小提琴 https://jsfiddle.net/v8v15pd2/了解更多详情。任何帮助将不胜感激。

但是我的实际超链接是这样的:

<a href="#"><h3>2015<br>December 15</h3></a>

为简单起见,我在上面以 mm/dd/yyyy 格式拍摄了一个日期。

你的代码中很少有问题。我已经修改了它们。

.JS:

$(function() {
    $('#hiddenDate').datepicker({
        changeYear: 'true',
        changeMonth: 'true',
        startDate: '01/01/1985',
        firstDay: 1
    });
    $('#pickDate').click(function(e) {
        var hyper = document.getElementById("pickDate"); // id should be in quote
        $("#hiddenDate").datepicker("setDate", new Date(hyper.innerHTML)); //Selector was incorrect and you need to parse the date.
        $('#hiddenDate').datepicker("show");
        e.preventDefault();
    });
});

而且你忘了在jsfiddle中包含jQuery库。

演示:https://jsfiddle.net/v8v15pd2/3/

尝试使用波纹管

$('#hiddenDate').datepicker('setDate', $("#pickDate").text());

一个 all-jQuery 选项:

$('#pickDate').click(function(e) {
    $("#hiddenDate").datepicker("option", "defaultDate", $(this).text());
    $('#hiddenDate').datepicker("show");
    e.preventDefault();
});

只要 $(this).text() 中的日期采用日期选取器使用的格式,就无需解析它,您可以按原样使用它。

我什至没有在日期选择器文档中看到setDate,所以我使用了option defaultDate ....