如何从jquery datepicker获取所选日期

Question

我正在使用jquery datepicker来显示一个calendar.Now根据我的要求我想在我的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

第3次更新

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

我在这里使用了一些原生标记,datepicker试试这个,看看你是否得到了警告.

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