javascript - 如何从 jquery datepicker 中获取选定的日期

Question

我正在使用 jquery datepicker 来显示日历。现在根据我的要求，我想在我的 jquery 变量中获取用户选择的日期，我将在我的应用程序中使用它，但我无法获取日期.. 这是 datepciker 的代码

<div id="datepicker"></div>

我在这里尝试获取选定的代码..

$(document).ready(function () {

        $("#datepicker").datepicker({
            onSelect: function (dateText, inst) {
                var date = $(this).val();
                alert(date);
            }
        });

    });

但是，我无法获得日期..请帮助我..谢谢..

Answer 1

这应该可以解决问题

$(function() {
    $("#datepicker").datepicker();
    $("#datepicker").on("change",function(){
        var selected = $(this).val();
        alert(selected);
    });
});

这是基本的，但这是一个 jsfiddle选择时提醒所选日期

更新以更改日期格式

$(function() {
    $( "#datepicker" ).datepicker({ dateFormat: "yy-mm-dd" });
    $("#datepicker").on("change",function(){
        var selected = $(this).val();
        alert(selected);
    });
});

jsfiddle

第三次更新

$(function() {
    $("#datepicker").datepicker({ 
        dateFormat: "yy-mm-dd", 
        onSelect: function(){
            var selected = $(this).val();
            alert(selected);
        }
    });
});

我在这里为 datepicker ui 使用了更多的 native 标记试试这个，看看你是否会收到警报。

第四次更新

$(function() {
    $("#datepicker").datepicker({ 
        dateFormat: "yy-mm-dd", 
        onSelect: function(){
            var selected = $(this).datepicker("getDate");
            alert(selected);
        }
    });
});

第 4 种方法使用 $(this).datepicker("getDate") 而不是 $(this).val() 作为 $(this) .datepicker("getDate") 返回日期对象，$(this).val() 返回字符串形式的日期。

根据您的需要选择合适的。

(在@TimothyC.Quinn 评论说 getDate 是正确的方法后添加了第 4 种方法和差异说明)