如何从 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);
            }
        });

    });

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

原文由 Hansal Mehta 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

小提琴手

第三次更新

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

我在 datepicker ui 中使用了更多的本机标记，试试这个，看看你是否收到警报。

第四次更新

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

The 4th method uses $(this).datepicker("getDate") instead of $(this).val() as $(this).datepicker("getDate") returns a date object and $(this).val() returns the date as a string.

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

（在@TimothyC.Quinn 评论说 getDate 是正确的方法之后，添加了第四种方法和差异解释）

原文由 akaBase 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

虽然，对于只想要日期对象或设置具有特定格式的日期的人来说，问题得到了回答。 jQuery 提供了一些简单的功能。这是工作的 jsfiddle

 $( "#datepicker" ).datepicker({ dateFormat: "dd-mm-yy" });

$("#datepicker").datepicker('setDate', '10-03-2020');
                 // pass string of your format or Date() object

$("#datepicker").datepicker('getDate');
                 // returns Date() object

$("#another_datepicker").datepicker('setDate', $("#datepicker").datepicker('getDate'));
                 // pass string of your format or Date() object

原文由 It’s K 发布，翻译遵循 CC BY-SA 4.0 许可协议