使用 jquery 从日期选择器获取日期

Question

我正在尝试使用以下 html/classic asp 代码从日期选择器中获取两个日期：

<%
    Response.Write("The start date is <br><input type='text' class = 'datepicker' id='date1' value='7/01/2015' />")
    Response.Write("The end date is <br><input type='text' class = 'datepicker' id='date2' value='"&date()&"' />")
%>

这是制作日期选择器的jQuery

function datePicker(t) {
    $(function () {
        $(".datepicker").datepicker();
        $(".datepicker").datepicker("option", "dateFormat", "mm-dd-yy");
    })
}

当我尝试使用以下代码将日期打印到屏幕时，它 returns [object Object] 而不是像此问题的其他示例代码那样的字符串表明它应该。我还尝试使用 JSON.stringify() 方法将其转换为字符串，但没有得到任何工作结果。

function test() {
    var dataAsObject = $(".datepicker[name=date1]").datepicker('getDate');
    window.alert(dataAsObject);
}

我发现的实现此目的的其他变体（使用 val() 而不是 datepicker.('getDate')，使用 $("#datepicker").on("change".. .)) 给出类似的结果。我该如何解决这个问题？我应该说我更喜欢不使用 .on("change"...) 的解决方案，因为我想将这两个日期用于 ajax 调用并希望能够发送默认日期，因此在用户选择日期之前屏幕不会是空白的。

Answer 1

您没有为日期选择器分配任何名称，仅分配了 ID。所以使用 id 来获取日期：

var dataAsObject = $("#date2").datepicker('getDate');
window.alert(dataAsObject);

使用 jquery 从日期选择器获取日期

Get date from datepicker using jquery

jquery

html

asp-classic

jquery-ui-datepicker